搭建vue的開發環境
搭建vue的開發環境:
https://cn.vuejs.org/v2/guide/installation.html
1、必須要安裝nodejs
2、搭建vue的開發環境 ,安裝vue的腳手架工具 官方命令列工具
npm install --global vue-cli / cnpm install --global vue-cli (此命令只需要執行一次)
3、建立專案 必須cd到對應的一個專案裡面
vue init webpack vue-demo01
cd vue-demo01
cnpm install / npm install 如果建立專案的時候沒有報錯,這一步可以省略。如果報錯了 cd到專案裡面執行 cnpm install / npm install
npm run dev 專案執行
4、另一種建立專案的方式 (簡易版)
vue init webpack-simple vuedemo02
cd vuedemo02
cnpm install / npm install
npm run dev
小視窗建立專案:【前提:必須安裝node.js】
1. 在想要放置專案的盤裡建立一個空資料夾
2. 開啟電腦執行視窗:win+r 輸入指令:cmd
3. C:\Users\lenovo>d: //找到放置專案的盤
4. D:\>cd D:\Vue //找到放置專案的資料夾
5. D:\Vue>npm install -g @vue/cli -init //全域性安裝vue腳手架(橋接vue2.0)
6. D:\Vue>npm install -g cnpm --registry=https://registry.npm.taobao.org //全域性安裝淘寶映象
7. D:\Vue>vue create hello-world //建立專案 vue init webpack hello-world
8. D:\Vue>cd hello-world //找到專案
9. D:\Vue\hello-world>npm run serve / cnpm run serve //執行專案
10. D:\Vue\hello-world>npm run build / cnpm run build //打包專案
淘寶映象:
cnpm 下載包的速度更快一些。
地址:http://npm.taobao.org/
安裝cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org