1.下載node.js (下載地址 https://nodejs.org/zh-cn/download/)

安裝過程全是點下一步,過程略,安裝nodejs時自動安裝npm
2.cmd下查看node版本:node -v (查看npm版本:npm -v)

3.(可跳過) 裝cnpm (node.js安裝以后在cmd下命令:npm install -g cnpm --registry=https://registry.npm.taobao.org )
這樣就可以使用cnpm命令了,因為cnpm使用國內服務器所有以后npm速度會塊很多。

4.因為npm官方地址太慢,所以設置npm的registry地址改為阿里的:(https://developer.aliyun.com/mirror/NPM?from=tnpm)
查看了下當前的npm的registry 配置:npm config get registry

可以看出當前還用的是npm 默認倉庫地址,要修改成taobao的鏡像npm 倉庫地址
cmd下命令:npm config set registry https://registry.npm.taobao.org

5.安裝最新的vue腳手架vue-cli(cmd下命令:npm install -g @vue/cli)
(如果第3步安裝了cnpm可在cmd下命令:cnpm install -g @vue/cli)
說明(如果你之前已經安裝vuecli2 請先用命令:npm uninstall -g vue-cli 卸載之前的vuecli2,否則不能使用vue create命令)

6.cmd查看vue-cli版本命令:vue -V (當前的是4.*的版本了)

7.創建項目(cmd下命令:vue create my-project)
my-project是項目名字,我這里用的是demo1
第一步會提示用了vue3還是vue2,我選的vue2

8.啟動項目 (先命令:cd my-project 再命令:npm run serve)
用vscode打開生成的項目文件夾,在終端里輸入:npm run serve
啟動運行調試

9.瀏覽器打開:http://localhost:8080/
