1. 程式人生 > 其它 >搭建vue的開發環境

搭建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