vue.js 2.* 項目 環境搭建、運行、打包發佈（常規版）

Vue 安裝

vue-cli /webpack 全局安裝

如果在意安裝速度，可以使用淘寶鏡像來安裝
安裝淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝完淘寶鏡像後，就可以使用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
http-server

運行打包後的內容

從搭建到運行打包發佈全部完成，是不是很簡單呢？

簡單版的 vue.js 項目搭建 => https://blog.csdn.net/Aimee1608/article/details/78342914