-
Node.js & cnpm 安裝
沒有安裝的同學蛋褥，可以參考我的另一篇文章： Node.js安裝與環(huán)境配置
Node.js版本必須是8.9 或更高版本
-
安裝 Vue cli
npm 安裝：
npm install -g @vue/cli
cnpm 安裝：cnpm install -g @vue/cli
yarn 安裝：yarn global add @vue/cli// yarn官方文檔，和npm異曲同工 -
修改npm下載地址
為什么要修改下載源地址呢浴捆？
??因為當你看到下文的時候蒜田，會了解到，當手動創(chuàng)建配置并自選配置時选泻，會下載很多的依賴冲粤，然而用npm下載的話美莫，可能會出現(xiàn)下載失敗，導致創(chuàng)建不成功或者卡死梯捕，因此厢呵，即便下載過cnpm，但還是采用接下來表述的方法傀顾，去修改npm的下載源襟铭，以提高項目創(chuàng)建的速度~
沒修改之前，這里卡了5個小時 -_-短曾、
好了寒砖，進入正題：- 命令行設置新的registry 配置：
npm config set registry https://registry.npm.taobao.org - 命令行敲入
npm config get registry查看當前npm下載源，如下圖所示嫉拐，即成功
測試結果
- 命令行設置新的registry 配置：
-
創(chuàng)建新的項目
命令行 cd 進入想要放置項目的文件夾
vue create my-project開始創(chuàng)建
or
調用Vue的GUIvue ui在瀏覽器上進行項目的創(chuàng)建與配置手動創(chuàng)建項目時哩都，若自選配置的話，會出現(xiàn)以下選項婉徘，可以根據自己的需求自行選擇~
摘自網絡
（空格選中或取消 && 上下鍵移動光標 && 回車確認）
-
運行項目
npm run serve// 運行項目
運行成功
瀏覽器打開 -
打包項目
npm run build// 打包項目漠嵌，打包后的項目放置在當前項目的dist文件夾里，發(fā)版上線的時候盖呼，將dist交給后臺放到服務器上就好 -
后續(xù)學習
由于在vue cli 3.0 版本献雅，vue將很多的配置文件給隱藏了，目錄結構也較2.0發(fā)生了些許變化塌计，在此提供 官方文檔地址 挺身，需要的同學可以去閱覽一下~
（限于本人技術有限，本文如有表述不當的地方锌仅，歡迎賜教~）
（轉載到其他平臺需含本文的簡書鏈接）
