Vue 安裝

vue-cli /webpack 全域性安裝

如果在意安裝速度，可以使用淘寶映象來安裝
安裝淘寶映象

安裝完淘寶映象後，就可以使用cnpm 來代替 npm 安裝工具啦

我個人比較喜歡直接使用npm 安裝：

全域性webpack：
npm install webpack -g

vue腳手架vue-cli：
npm install vue-cli -g

安裝webpack 版vue 專案

在指定的目錄中開啟命令視窗（編輯器中自帶的命令視窗也可以）
vue init webpack myvuedemo

• Project name (回車預設)
• Project description (A Vue.js project) 回車預設 （也可以輸入自己的描述）
• Author 回車預設（自己的名字）

• Vue build 預設選擇 Runtime+Compiler
  

  • Install vue-router?Y 安裝
    

  • Use ESLint to lint your code? Y (推薦使用，保持良好的程式碼編寫規範)

  • pick an eslint preset. 預設 Standard
  • set up unit tests ？ n (unit 測試，不需要)
  • setup e2e tests with Nightwatch？n (e2e 測試，不需要）

  • Should we run npm install for you after the project has been created? (recom
    mended) npm （選用 npm ）
    

  • 安裝完畢
    

目錄結構

Vue 執行

執行命令
cd myvuedemo
npm run dev

執行成功

頁面內容

Vue build 打包

打包命令
npm run build

打包後的目錄結構

執行打包專案

需要開啟服務執行
使用http-server 執行（如沒有安裝http-server的，使用node 全域性安裝 http-server 即可，npm install http-server -g）
cd dist

執行打包後的內容