vue.js 2.*項(xiàng)目環(huán)境搭建、運(yùn)行、打包發(fā)布的詳細(xì)步驟
Vue 安裝
vue-cli /webpack 全局安裝
如果在意安裝速度，可以使用淘寶鏡像來(lái)安裝
安裝淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝完淘寶鏡像后，就可以使用cnpm 來(lái)代替 npm 安裝工具啦
我個(gè)人比較喜歡直接使用npm 安裝：
全局webpack：
npm install webpack -g
vue腳手架vue-cli：
npm install vue-cli -g
安裝webpack 版vue 項(xiàng)目
在指定的目錄中打開(kāi)命令窗口（編輯器中自帶的命令窗口也可以）
vue init webpack myvuedemo
- Project name (回車(chē)默認(rèn))
- Project description (A Vue.js project) 回車(chē)默認(rèn) （也可以輸入自己的描述）
- Author 回車(chē)默認(rèn)（自己的名字）
- Vue build 默認(rèn)選擇 Runtime+Compiler
Install vue-router?Y 安裝
Use ESLint to lint your code? Y (推薦使用，保持良好的代碼編寫(xiě)規(guī)范)
pick an eslint preset. 默認(rèn) Standard
set up unit tests ？ n (unit 測(cè)試，不需要)
setup e2e tests with Nightwatch？n (e2e 測(cè)試，不需要）
Should we run npm install for you after the project has been created? (recom
mended) npm （選用 npm ）
安裝完畢
目錄結(jié)構(gòu)
Vue運(yùn)行
運(yùn)行命令
cd myvuedemo npm run dev
運(yùn)行成功
頁(yè)面內(nèi)容
Vue build 打包
打包命令
npm run build
打包后的目錄結(jié)構(gòu)
運(yùn)行打包項(xiàng)目
需要開(kāi)啟服務(wù)運(yùn)行
使用http-server 運(yùn)行（如沒(méi)有安裝http-server的，使用node 全局安裝 http-server 即可，npm install http-server -g）
cd dist http-server
運(yùn)行打包后的內(nèi)容
從搭建到運(yùn)行打包發(fā)布全部完成，是不是很簡(jiǎn)單呢？
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue設(shè)置路由title,但刷新頁(yè)面時(shí)title失效的解決
這篇文章主要介紹了vue設(shè)置路由title，但刷新頁(yè)面時(shí)title失效的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
vue使用keep-alive無(wú)效以及include和exclude用法解讀
這篇文章主要介紹了vue使用keep-alive無(wú)效以及include和exclude用法解讀，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要為大家介紹了Vue 的router路由，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-11-11
vue2.0項(xiàng)目實(shí)現(xiàn)路由跳轉(zhuǎn)的方法詳解
這篇文章主要介紹了vue2.0項(xiàng)目實(shí)現(xiàn)路由跳轉(zhuǎn)的詳細(xì)方法,非常不錯(cuò)，具有一定的參考借鑒借鑒價(jià)值，需要的朋友可以參考下2018-06-06
這篇文章主要介紹了Vue?展示.md文件的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了八種Vue組件間通訊方式合集(推薦)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了vue超時(shí)計(jì)算的組件實(shí)例代碼,需要的朋友可以參考下2018-07-07
vue實(shí)現(xiàn)一個(gè)獲取按鍵展示快捷鍵效果的Input組件
這篇文章主要介紹了vue如何實(shí)現(xiàn)一個(gè)獲取按鍵展示快捷鍵效果的Input組件，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
vue.js使用代理和使用Nginx來(lái)解決跨域的問(wèn)題
下面小編就為大家分享一篇vue.js使用代理和使用Nginx來(lái)解決跨域的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
這篇文章主要介紹了vue prop傳值類(lèi)型檢驗(yàn)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07