vue腳手架可以快速生成vue專案基礎的架構。安裝3.x版本的vue腳手架：
npm install -g @vue/cli基於3.x版本的腳手架建立vue專案：使用命令建立vue專案：
vue create my-project
基於ui介面建立vue專案
命令：vue ui
在自動開啟的建立專案網頁中配置專案資訊。
基於2.x的舊模板，建立vue專案
npm install -g @vue/cli-init
vue init webpack my-project
分析vue腳手架生成的專案結構
node_modules:依賴包目錄
public：靜態資源目錄
src：原始碼目錄
src/assets:資源目錄
src/components：元件目錄
src/views:檢視元件目錄
src/main.js:入口js
src/router.js:路由js
babel.config.js:babel配置檔案
.eslintrc.js:
new
vue().
$mount
()
a
.通過 package
.json 進行配置 [不推薦使用]
,打包成功時，自動開啟瀏覽器
"vue":}
b.通過單獨的配置檔案進行配置，建立vue.config.js
module.exports =
}
匯入使用：安裝：npm install element-ui -s
main.js匯入元件庫：import elementui from "element-ui";
main.js中匯入樣式import "element-ui/lib/theme-chalk/index.css"
main.js中使用vue.use(elementui)
可視版安裝新增外掛程式：搜尋
vue-cli-plugin-elementimport on demand 按需匯入
zh-cn
element.js註冊了button，這樣每個都能使用button按鈕了
Vue腳手架使用
安裝 1.全域性安裝腳手架 cnpm install g vue cli 使用 2.新建資料夾,在當前目錄執行命令 vue create 專案名稱 3.配置 選擇manually select feautures 空格選擇babel和css pre procesors 選擇sass scss wit...
vue腳手架使用vant
由於公司最近開發移動端專案,我就學習了下vant來自有讚的 元件庫 我就把自己的學習經驗分享下 1.首先你要是使用vant腳手架就得先安裝 npm i vant d s d 是開發環境下使用 s 是生產環境下需要 我們的vant是包括上線之後還是要使用所以 是 s 我們再使用的時候也是有倆種方式 一...
vue腳手架的使用
安裝 1.全域性安裝腳手架 cnpm install g vue cli 使用 2.新建資料夾,在當前目錄執行命令 vue create 專案名稱 3.配置 選擇manually select feautures 空格選擇babel和css pre procesors 選擇sass scss wit...