>npm install -g cnpm –registry=https://registry.npm.taobao.orgcss
二、開始搭建vue項目環境html
>sudo cnpm install -g vue-cli前端
>vue init webpack Vue-Projectvue
說明：node
Vue build ==> 打包方式，回車便可；webpack
Install vue-router ==> 是否要安裝 vue-router，項目中確定要使用到 因此Y 回車；git
Use ESLint to lint your code ==> 是否須要 js 語法檢測 目前咱們不須要 因此 n 回車；web
Set up unit tests ==> 是否安裝 單元測試工具 目前咱們不須要 因此 n 回車；vue-router
Setup e2e tests with Nightwatch ==> 是否須要 端到端測試工具 目前咱們不須要 因此 n 回車；vue-cli
>cd /Users/fl/Documents/vue-demo/Vue-Project（切換到vue項目）
>cnpm i（安裝依賴）
>npm run dev（啓動項目）
一、build：構建腳本目錄
1）build.js ==> 生產環境構建腳本；
2）check-versions.js ==> 檢查npm，node.js版本；
3）utils.js ==> 構建相關工具方法；
4）vue-loader.conf.js ==> 配置了css加載器以及編譯css以後自動添加前綴；
5）webpack.base.conf.js ==> webpack基本配置；
6）webpack.dev.conf.js ==> webpack開發環境配置；
7）webpack.prod.conf.js ==> webpack生產環境配置；
二、config：項目配置
1）dev.env.js ==> 開發環境變量；
2）index.js ==> 項目配置文件；
3）prod.env.js ==> 生產環境變量；
三、node_modules：npm 加載的項目依賴模塊
四、src：這裏是咱們要開發的目錄，基本上要作的事情都在這個目錄裏。裏面包含了幾個目錄及文件：
1）assets：資源目錄，放置一些圖片或者公共js、公共css。這裏的資源會被webpack構建；
2）components：組件目錄，咱們寫的組件就放在這個目錄裏面；
3）router：前端路由，咱們須要配置的路由路徑寫在index.js裏面；
4）App.vue：根組件；
5）main.js：入口js文件；
五、static：靜態資源目錄，如圖片、字體等。不會被webpack構建
六、index.html：首頁入口文件，能夠添加一些 meta 信息等
七、package.json：npm包配置文件，定義了項目的npm腳本，依賴包等信息
八、README.md：項目的說明文檔，markdown 格式
九、.xxxx文件：這些是一些配置文件，包括語法配置，git配置等