一.環(huán)境搭建準(zhǔn)備：

1.確保項(xiàng)目已經(jīng)安裝了node

2.webpack安裝?npm install webpack -g （安裝過(guò)略過(guò)）

3.安裝vue-cli腳手架構(gòu)建工具，打開命令行工具輸入：npm install vue-cli -g?（安裝過(guò)略過(guò)）

二.構(gòu)建項(xiàng)目

1. cd 到指定的目錄? ，如我的項(xiàng)目?cd? /Users/menchao/Vue/VueTestDemo?

2.??vue init webpack vuedemo??

執(zhí)行完后 系統(tǒng)會(huì)自動(dòng)生成相關(guān) 的配置文件。

?

3. cd??vuedemo 進(jìn)入剛才創(chuàng)建的項(xiàng)目

4. npm install? ? 安裝項(xiàng)目依賴，會(huì)在項(xiàng)目中生成node_modules

5.npm install vue-router vue-resource --save。?安裝 vue 路由模塊 vue-router 和網(wǎng)絡(luò)請(qǐng)求模塊 vue-resource

三。項(xiàng)目運(yùn)行

1. npm run dev。? 服務(wù)啟動(dòng)成功,會(huì)看到一個(gè)頁(yè)面

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/menchao/p/8318284.html

總結(jié)

以上是生活随笔為你收集整理的Vue项目开发1-项目的创建的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。