vue專案搭建 ElementUI 執行

2022-07-17 22:48:21 字數 444 閱讀 1239

安裝vue腳手架 npm install @vue/cli

基於命令列建立:建立專案 vue create  +專案名

基於視覺化建立:vue ui 建立專案 開啟瀏覽器選擇配置建立(推薦)

專案結構:

node_modules: 依賴包

public :靜態資源 (首頁,圖示。。)

package.json 包管理

postcss.config配置字首等

babel.config.js:是專案中的babel配置檔案

安裝element-ui

1.專案中執行vue ui 

2.在面板中選擇新增外掛程式

3.安裝vue-cli-plugin-element

Vue專案檢視當前使用的elementUI版本

在我們引入elementui的時候,一般是兩種方式 npm安裝或者在script直接引入 當然,在script直接引入的時候,我們也可以通過直接指定版本的方式,達到鎖定版本的效果。直接引入是從外網引入,每次載入都是讀取外部 我們大部分開發者可能使用的是npm安裝的方式,採用這種方式引入的時候,ele...

Vue 在Vue中快速使用ElementUI

最近使用vue,順道使用elementui,在vue專案中音容elementui的方法 idea開啟termianl,在vue專案中使用npm安裝 1.安裝 npm install element ui s2.引入 1 整體引入 在專案的main.js中寫入 import elementui fro...

vue專案搭建

前提安裝好node不再贅述 可以在自帶的命令列中執行,也可以在webstome中執行 安裝cnpm npm install g cnpm registry 安裝webpack 這一步可以省略,反正你也不會用 cnpm install webpack g 全域性安裝 vuecnpm install g...