vue-cli(vue腳手架)
vue-cli，我們也稱vue腳手架，是一個全自動生成vue項目的程序，使用它我們可以快速搭建一個基礎的vue項目。vue-cli只是為了方便我們開發的工具，並非必須。
npm安裝腳手架程序：
npm install -g vue-cli
開始初始化項目（項目名稱：project-name）：
vue init webpack project-name
- Project name:項目名稱
- Project description：項目描述（可為空）
- Author：作者（可為空）
- Vue build：構建方式，建議選擇Runtime + Compiler:recommended for most users選項
- Install vue-router：是否安裝路由模塊（建議：安裝）
- Use ESLint to lint your code：是否使用ESLint驗證代碼（建議：不安裝）
- Set up unit tests：是否安裝單元測試（建議：不安裝）
- Setup e2e tests with Nightwatch：是否安裝e2e測試（建議：不安裝）
- Should we run `npm install` for you after the project has been created：是否在項目創建完成后運行“npm install”命令安裝依賴（建議：選擇yes use npm）
生成項目目錄：
1 README.md --項目說明包 2 package.json -- 存放依賴包 3 package-lock.json -- package鎖文件 確定第三方包的版本 4 LICENSE -- 開源協議的說明 5 .postcssrc.js -- postcss的配置文件 6 .gitignore -- 配置不需要上傳的文件 7 .eslintrc.js -- 配置了一些代碼的規范 8 .eslintignore -- 這里面的配置項不受.eslintrc.js的檢測 9 .editorconfig -- 編輯器的配置項 10 .babelrc -- 語法解析器配置項 將vue轉換成瀏覽器能執行的代碼 11 static -- 存放靜態資源 12 src -- 整個項目的源代碼 13 mian.js --- 整個項目的入口文件 14 App.vue -- 整個項目的根組件 15 router -- 存放整個項目的路由 16 components --- 存放項目用到的小組件 17 assets -- 存在項目的圖片 18 config -- 存在項目的配置信息 19 build -- 放的是項目webpack 打包的一些配置信息
發布Vue
1.打包
在vue目錄中運行命令（會在dist文件夾內生成打包文件）：
npm run build
2.安裝nginx（用來映射ip及域名，相當於IIS）
地址：http://nginx.org/en/download.html
3.在nginx的config中修改對應的IP及端口（作為訪問的地址，也可以是域名）
4.將vue包放到config中配置的項目目錄（即配置文件中root的值，默認為html文件夾）
5.配置完畢后，啟動：start nginx
幾個實用的nginx命令
- 查看nginx的版本號：nginx -v
- 啟動nginx：start nginx
- 快速停止或關閉nginx：nginx -s stop
- 正常停止或關閉nginx：nginx -s quit
- 配置文件nginx.conf修改重裝載命令：nginx -s reload