vue.js 2.*項目環(huán)境搭建、運行、打包發(fā)布的詳細步驟
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 (推薦使用，保持良好的代碼編寫規(guī)范)
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
運行打包后的內容
從搭建到運行打包發(fā)布全部完成，是不是很簡單呢？
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue設置路由title，但刷新頁面時title失效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
vue使用keep-alive無效以及include和exclude用法解讀
這篇文章主要介紹了vue使用keep-alive無效以及include和exclude用法解讀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要為大家介紹了Vue 的router路由，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
這篇文章主要介紹了vue2.0項目實現(xiàn)路由跳轉的詳細方法,非常不錯，具有一定的參考借鑒借鑒價值，需要的朋友可以參考下2018-06-06
這篇文章主要介紹了Vue?展示.md文件的方法，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了八種Vue組件間通訊方式合集(推薦)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
這篇文章主要介紹了vue超時計算的組件實例代碼,需要的朋友可以參考下2018-07-07
vue實現(xiàn)一個獲取按鍵展示快捷鍵效果的Input組件
這篇文章主要介紹了vue如何實現(xiàn)一個獲取按鍵展示快捷鍵效果的Input組件，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
下面小編就為大家分享一篇vue.js使用代理和使用Nginx來解決跨域的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了vue prop傳值類型檢驗方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07