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

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

2.webpack安裝?npm install webpack -g （安裝過略過）

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

二.構(gòu)建項目

1. cd 到指定的目錄? ，如我的項目?cd? /Users/menchao/Vue/VueTestDemo?

2.??vue init webpack vuedemo??

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

?

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

4. npm install? ? 安裝項目依賴，會在項目中生成node_modules

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

三。項目運行

1. npm run dev。? 服務(wù)啟動成功,會看到一個頁面

?

?

?

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

總結(jié)

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

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