- npm安裝vue-cli
npm install -g vue-cli
- 創(chuàng)建vue2項目
vue init <template-name> <project-name>
// template-name可選項：webpack涛漂、webpack-simple疯汁、browserify、browserify-simple、simple
// project-name: 創(chuàng)建項目的名稱鉴象，缺省默認在當前目錄初始化項目信息
vue-cli使用詳情：https://github.com/vuejs/vue-cli
-
基于webpack創(chuàng)建的項目結(jié)構(gòu)
vue-cli初始化創(chuàng)建的項目結(jié)構(gòu)
build: webpack打包相關(guān)配置信息
config: 環(huán)境配置信息
package.json: 依賴項配置文件
index.html: 首頁
src: 項目源碼存放
static: 靜態(tài)資源文件存放目錄
src/main.js: 入口文件
src/App.vue: App根節(jié)點
- 安裝及運行
// 切入到項目目錄
cd project-name
// 安裝依賴
npm install
// 編譯
npm run build
// 啟動dev
npm run dev
或npm run start
啟動后會自動在瀏覽器打開：http://localhost:8080/#/租漂，顯示以下畫面：
啟動效果
下一篇： vue2 — 根據(jù)需要做點改動
