cli 別名: 腳手架作用: 版本npm < cnpm < yarn
cli2 cli3
安裝
npm install @vue/cli -g cli3的版本
npm install vue-cli -g cli2的版本
yarn add @vue/cli global
步驟:
先安裝cli3
在安裝@vue/cli-init
那麼我們就可以隨意安裝cli3 和 cli2
cli3安裝
vue create project/ .
選擇你的專案中的webpack的一些配置項
babel
css-pre css預處理語言
less
sass
stylus
上面所選的配置是往 in dedicated config files(生成的單獨的配置性檔案) 還是往 package.json放 , 建議大家使用第乙個
目錄基本介紹
src 源**開發目錄
components 專案的元件
main.js webpack中配置的主入口檔案
.browserslistrc 專案不支援 ie8及以下的
.gitignore git上傳時, 不上傳的檔案
babel.config.js es6->es5 優雅降級
package.json 當前專案的依賴包配置檔案
postcss.config.js 給css新增引擎頭字首
readme.md 當前專案的說明檔案
yarn.lock 當前專案的依賴包的第三方庫的詳細資訊記錄
安裝 cli2
進行問題的選擇
不安裝單元測試
不安裝e2e的測試
eslint自願
安裝 cli2_******版本
cli2 vs cli3
介面安裝cli3 ( 不推薦 ) git( 介面化操作工具 不推薦 )
使用:
命令列輸入 : vue ui
介紹cli3具體內容
vue安裝腳手架
如果之前安裝過舊版本 非3.x 腳手架需要先解除安裝舊版本 命令 nmp uninstall vue cli g mac電腦需要在前面 加sudo nmp install g vue cli 安裝腳手架,用於生成專案 安裝得比較久 nmp install g vue cli service glob...
安裝vue腳手架
vue2.0 1.vue v 檢視版本,如果出現版本號,之前已經安裝過了。如果之前安裝的版本是想要的版本,可以直接建立專案 2.npm uninstall vue cli g 如果之前安裝了3.0的版本,現在想要安裝2.0,先解除安裝安裝過的版本 3.npm cache clean force 如果...
vue腳手架安裝
1 全域性安裝 vue,在命令提示視窗執行 cnpm install g vue 2 全域性安裝 vue cli 在命令提示視窗執行 cnpm install g vue cli 3 建立乙個基於 webpack 終端切換到你的目標目錄下建立乙個專案,這裡以在vue的安裝目錄下建立乙個叫做my vu...