一、環境搭建

1. 下載方式從官網下載：http://nodejs.cn/download/
   

建議下載v12.16.0版本以上的，因為版本低無法創建Vue的腳手架

2. 檢驗是否安裝成功
   
3. 配置環境變量
   • 新增NODE_HOME，值為：D:\vue\nodejs
   • 修改PATH并在最后添加：;%NODE_HOME%;%NODE_HOME%\node_global;
   • 到cmd下執行命令
     npm config set prefix "D:\vue\nodejs\node_global"
npm config set cache "D:\vue\nodejs\node_cache"

Mac終端自行配置，可以使用Homebrew安裝對應內容

4. 更改鏡像源

   • 淘寶鏡像源：npm config set registry https://registry.npm.taobao.org
   • 華為鏡像源：npm config set registry https://repo.huaweicloud.com/repository/npm/
   • 默認鏡像源：npm config set registry https://registry.npmjs.org/

   查看鏡像設置情況：npm get registry
   

我默認使用的是華為的鏡像源

二、安裝Vue腳手架

npm install -g @vue/cli

可以在次之前安裝一下cnpm

npm install -g cnpm

等待安裝完成

三、創建Vue項目

切換到對應自己的目錄

vue create vue-test

進入創建配置的選擇界面

選擇自己的對應的框架，或者選擇Manually select features，自己進行配置

等待創建完成

創建完成

創建完成后，目錄結構

進入項目目錄，啟動項目

cd vue-test
npm run serve

打開瀏覽器輸入地址，啟動完成之后有提示的：http://localhost:8080/

到此為止，vue初始化的項目就搭建好了~