Vue入門三：Vue腳手架（安裝vue2/vue3）

1、node、npm安裝及使用

（1）安裝node、npm

可以直接在官方網站中下載安裝

安裝完成可以使用node -v、npm -v進行檢查是否安裝成功

node -v
npm -v

（2）安裝webpack：不需要手動安裝了

npm install webpack -g

（3）使用taobao鏡像加速

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

•  2、vue-cli2.X+安裝及使用

 （一）卸載vue3.X+（如果安裝過）

npm uninstall -g @vue/cli

（二）安裝vue2.X+，安裝成功可以使用vue -V進行檢查是否安裝成功

npm install vue-cli -g

基於2.X+版本的腳手架創建vue項目 

①使用命令行創建vue2.X+項目

vue init webpack vue_demo
cd vue_demo
//npm install
npm run dev 

• 3、vue-cli3.X+安裝及使用

（1）卸載舊版本vue2.X+（如果安裝過）

npm uninstall vue-cli -g

（2）安裝vue3.X+，安裝成功可以使用vue -V進行檢查是否安裝成功

npm install -g @vue/cli

基於3.X+版本的腳手架創建vue項目

 ①使用vue ui圖形界面創建vue3.X+項目

vue ui

②使用命令行創建vue3.X+項目

vue create <Project Name> //文件名 不支持駝峰（含大寫字母）

③基於2.X的舊模板，創建舊版vue項目

npm install -g @vue/cli-init //第一次使用
vue init webpack my-project

 

 

參考：

vue2.0

vue3.0