1. 程式人生 > >Vue項目開發1-項目的創建

Vue項目開發1-項目的創建

請求 res margin -- 配置 ini 打開 pack col

一.環境搭建準備:

1.確保項目已經安裝了node

2.webpack安裝 npm install webpack -g (安裝過略過)

3.安裝vue-cli腳手架構建工具,打開命令行工具輸入:npm install vue-cli -g (安裝過略過)

二.構建項目

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

2. vue init webpack vuedemo

執行完後 系統會自動生成相關 的配置文件。

3. cd vuedemo 進入剛才創建的項目

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

5.npm install vue-router vue-resource --save。 安裝 vue 路由模塊 vue-router 和網絡請求模塊 vue-resource

三。項目運行

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

Vue項目開發1-項目的創建