Vue 搭建項目

Vue  搭建項目

一.node下載安裝：

1.下載：https://nodejs.org/en/download/

2.安裝默認許選擇，下一步就行；

3.安裝完以後就可使用npm命令

 

二.經過@vue/cli方式安裝：

1.全局安裝@vue/cli  ：

npm install -g @vue/cli  最新版本3.x，能夠經過ui界面方式建立

2.建立項目：

vue create 項目名稱

或

vue ui 直接打開web頁面，經過界面方式建立項目

 

三.經過vue-cli方式安裝：

1.全局安裝vue-cli

npm install --global vue-cli vue-cli 舊版本

2.經過webpack方式初始化vue項目

vue init webpack 項目名稱

3.根據提示設置項目信息便可

四.運行：

npm run dev

 

五.編寫代碼調試：

 跳轉到：https://www.cnblogs.com/zlp520/p/10924962.html

 

六.生成：

npm run build

 

七.擴展：

1.npm 安裝cnpm：
npm install -g cnpm --registry=https://registry.npm.taobao.org 安裝完以後就可使用cnpm和npm命令同樣，只是cnpm是淘寶鏡像而已  

2.npm安裝安裝yarn：

npm install -g yarn

 

備註：-g或 --global表明全局的意思

全局安裝:
 npm install xxx  -g 安裝到 \AppData\Roaming\npm\node_modules目錄
本地安裝：

npm install xxx 安裝到命令行所在目錄的node_module目錄。