1. 檢測vue 的版本12
3vue -v (v大寫)
or
vue --version
2. 安裝@vue/cli
1npminstall-g @vue/cli(ps: vue cli2的安裝方法 npminstall-g vue-cli )
安裝全域性橋外掛程式,能相容使用vue cli2
1npminstall-g @vue/cli-init
cmd命令列建立專案
1. 快速建立乙個新專案
1vue create name
2. 選擇配置
(1). 選擇配置,第一次建立專案,只有後面兩個,分別是預設和手動自定義選擇。第乙個是我建立過後儲存的,這裡選擇最後乙個,手動選擇配置
(2). a全選,空格鍵選擇與取消,上下 移動
(3). 選擇css預處理器,這裡是選擇less
(4). eslint校驗方式,這裡選擇最後乙個
(5). 什麼時候進行校驗,這裡選擇每次儲存的時候進行校驗
(6). 把babel,postcss,eslint這些配置檔案放哪。放在各自的配置檔案裡 or 放在package.json,這裡選擇放在各自的配置檔案裡
(7). 把剛剛選擇的配置檔案儲存起 or 不儲存,儲存之後就會出現在每次建立專案選擇配置時,這裡選擇yes,然後取個配置的名字
(9). 啟動專案
1npm run serve
切換專案目錄,執行,專案就啟動了
vue 乙個前端專案的完整環境搭建
前提 已安裝好node.js和vue cli 1 搭建專案 vue init webpack 專案名稱 2 安裝依賴 把用到的先安裝上 3.在src assets新建less資料夾，其下新建公共樣式檔案base.less，以下僅供參考 html body,html a ul ol li s,i,em...
VUE專案的搭建
vue版本介面.png node v npm v npm install g vue cli vue v vue create xiaomi cd xiaomi npm run serve 1.引入css js import assets css css import assets js js 2....
Vue專案的搭建
node vnpm v終端顯示 安裝nodejs之後使用npm來安裝包使用的是國外的位址，經常會出現超時錯誤，可以通過修改為國內的 源來加速安裝。臨時使用 npm registry install express永久使用 npm config set registry通過命令檢視是否配置成功 npm...