Vue-cli4腳手架搭建

一：要安裝Node.js:安裝路徑要默認安裝(node-v12.16.2-x64.msi-長支持

二：要安裝cnpm

1）說明：npm（node package manager）是nodejs的包管理器，用於node插件管理（包括安裝、卸載、管理依賴等）；

2）使用npm安裝插件：命令提示符執行npm install <name>

3）選裝cnpm由於npm安裝插件時從國外服務器下載，受網絡影響大，可能出現異常，若是npm服務器在中國就行了，因此淘寶團隊幹了這事。來自官網「這是一個完整的npmjs.org鏡像，你能夠用此代替官方van本（只讀），同步頻率目前爲10分鐘一次以保證儘可能與官方服務同步。」

安裝：npm install -g cnpm --registry=https://registry.npm.taobao.org

輸入 cnpm -v，能夠查看當前cnpm版本

 yam是個包管理器，是facebook發佈的一款取代npm的包管理工具安裝yam

npm install -g yam

三：安裝vue-cli腳手架構建工具

 vue-cli 提供一個官方命令行工具，可用與快速搭建代行單頁應用

一、先確認是否有安裝過vue-cli

vue -V  //若是有的話，就用下面的命令卸載

npm uinstall vue-cli -g  （如圖一所示）

 

二、安裝vue-cli腳手架輸入命令:cnpm  install -g @vue/cli（如圖二）

三、查看vue版本 ：vue -V（如圖三）

        

指定版本安裝vue3.0如下：npm install -g vue-cli@版本號

       vue3.0或vue3.0以上：npm install -g @vue/cli@版本號    

4、建立項目

        1輸入以下命令：vue create vue-demo

  

 default（babel，eslint）默認

Manually select  features   手動選擇

空格選擇對應的插件

在cmd窗體中輸入 cd vue-demo

在cmd窗體中在輸入yarn serve

到這裏也就完整的把vue-cli4腳手架搭建好了，打開ie瀏覽器輸入http://localhost:8080（以下圖）