一:要安裝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 提供一個官方命令行工具,可用與快速搭建代行單頁應用
1、先確認是否有安裝過vue-cli
vue -V //如果有的話,就用下面的命令卸載
npm uinstall vue-cli -g (如圖一所示)
2、安裝vue-cli腳手架輸入命令:cnpm install -g @vue/cli(如圖二)
3、查看vue版本 :vue -V(如圖三)
指定版本安裝vue3.0以下:npm install -g vue-cli@版本號
vue3.0或vue3.0以上:npm install -g @vue/cli@版本號
四、創建項目
1輸入如下命令:vue create vue-demo
default(babel,eslint)默認
Manually select features 手動選擇
空格選擇對應的插件
在cmd窗體中輸入 cd vue-demo
在cmd窗體中在輸入yarn serve
到這里也就完整的把vue-cli4腳手架搭建好了,打開ie瀏覽器輸入http://localhost:8080(如下圖)