Vue CLI是一個用於快速Vue.js開發的完整系統,博主也是最近剛剛學習，真真正正的小白一個，因此記錄下搭建過程及所踩的坑，廢話不多說直接走流程！
一、安裝
1.如果您在vue-cli全局安裝了以前的(1.x或2.0)軟件包，則需要先將其卸載，否則跳過:
npm uninstall vue-cli -g
#OR
yarn global remove vue-cli
ps:博主用的是Visual Studio Code直接點擊上方 終端，選擇新建終端輸入指令！
2. vue cli需要Node.js版本8.9或更高版本（官方建議使用8.11.0+），到Node.js官網下載所需要的版本：
Node.js官方下載地址如下：https://nodejs.org/
按照提示進行安裝即可，安裝完成后通過在cmd或vscode終端中輸入node -v查看node.js版本，如出現對應版本后即安裝成功！
ps:博主到這里就踩了第一個坑，在cmd中輸入node -v后顯示‘node’不是內部或外部指令，也不是可運行的程序或批處理文件；於是博主各種查找，網上都說是環境變量問題也給出了相關的解決的方案，但是當時博主覺得不應該啊，決定重啟一下電腦如果還不行就乖乖地按照網上的解決方案走，果然重啟后使用node -v指令可以查到版本了，即安裝成功！
3.安裝@vue/cli，vue cli3.0包名稱由vue-cli改為@vue/cli。
npm install -g @vue/cli
# OR
yarn global add @vue/cli
安裝完成后我們可以通過在cmd或vscode終端中輸入vue-V來檢查是否具有正確版本，如出現版本號則安裝成功
ps:如果網絡不是很好也可以使用cnpm安裝，會比npm快一些
二、創建項目
在vscode中新建終端輸入
vue create hello-world
這里hello-world是文件名，要求不包含大寫字母，否則就會報錯，像這樣：
之后系統將提示您選擇預設。您可以選擇基本Babel + ESLint設置附帶的默認預設，也可以選擇“手動選擇功能”以選擇所需的功能。（默認設置非常適合快速創建新項目的原型，而手動設置提供了更多面向生產項目可能需要的選項）
默認回車就好，然后進行安裝需要等待一會，之后會顯示：
輸入cd hello-world進入所創建的文件然后輸入npm run serve運行
點擊鏈接就可以看到啦！
到這里項目就搭建完成啦，搭建后的項目結構如下：
ps:千萬別忘了輸入cd hello-world進入所創建的文件后在npm run serve運行，由於博主是個小白，就傻傻地直接npm serve,然后就這樣啦：
我還傻傻的網上查為什么報錯真的太傻了，被自己蠢哭。
使用GUI
您還可以使用帶有以下vue ui命令的圖形界面創建和管理項目：
vue ui
上面的命令將打開一個帶有GUI的瀏覽器窗口，該GUI將指導您完成項目創建過程
到這里文章就結束了，大家一起加油，互相交流，共同進步！