1 安裝Node.js
參看 node.js環境安裝
http://www.cnblogs.com/richerdyoung/p/7265786.html
2 安裝淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
3 安裝全局vue-cli腳手架,用於幫助搭建所需的模板框架
cnpm install -g vue-cli
輸入:vue,回車,若出現vue信息說明表示成功
4 切換到你的項目目錄
cd desktop/vue
5 新建vue項目
vue init webpack vuetest
6 一路回車(第4步ESLint 可以一路n,大師請忽略n)
進入新建項目
cd vuetest
cnpm install
npm run dev
目錄結構
- main.js 是我們的入口文件,主要作用是初始化vue實例並使用需要的插件
- App.vue是我們的主組件,所有頁面都是在App.vue下進行切換的。其實你也可以理解為所有的路由也是App.vue的子組件。所以我將router標示為App.vue的子組件。
- index.html文件入口
- src放置組件和入口文件
- node_modules為依賴的模塊
- config中配置了路徑端口值等
- build中配置了
- webpack的基本配置、開發環境配置、生產環境配置等