使用vue-cli+webpack搭建vue開發(fā)環(huán)境的方法
在這里我們需要首先下載node，因?yàn)槲覀円玫絥pm包下載，是基于node的
廢話不多說，我們直接進(jìn)入正題
下載node，同時(shí)需要下載git，以后我們就在git上輸入命令來搭建我們的vue環(huán)境
git用的是linux命令
不要問為什么，能用就行，你說是不是？
windows系統(tǒng)，下載完git以后我們再桌面右擊鼠標(biāo)會看到git Bash，點(diǎn)開它，然后就打開了git，
git有很多功能，同時(shí)git可以往github上push你的文件，github是一個很不錯的倉庫管理工具哦
好，我們直接開始，打開git之后會顯示
然后我們執(zhí)行npm install webpack
就會自動下載webpack最新版本了
在這里我們直接進(jìn)入正題，怎么使用vue-cli搭建vue的開發(fā)環(huán)境
在這里我們需要全局安裝vue-cli
在git里執(zhí)行npm install vue-cli -g 安裝vue命令環(huán)境
執(zhí)行vue --verson查看是否安裝成功，
顯示vue的版本，就是安裝成功了
這樣就是全局安裝了
現(xiàn)在我們再命令行輸入vue init webpack-simple<模板名，就是你的項(xiàng)目的名稱>，
在這里我們用webpack-simple搭建，因?yàn)樗麤]有嚴(yán)格的規(guī)范，相對于大多數(shù)程序員來說比較好，他與webpack的區(qū)別在這里我就不細(xì)說了，如果需要的話大家可以在下面留言，我們給大家分享
在這里我的項(xiàng)目名稱為myvue
所以我執(zhí)行vue init webpack-simple myvue
桌面會有一個myvue的文件夾
我們執(zhí)行cd myvue進(jìn)入到我們的項(xiàng)目下
會發(fā)現(xiàn)文件夾下會有這些文件，這就是vue-cli自動為我們搭建的環(huán)境了
我們執(zhí)行npm install
這時(shí)候我們需要等待一小會，npm在為我們下載基于node的一些文件，
然后你會發(fā)現(xiàn)多了一個node——modules文件，里面是node的一些模塊
然后我們再命令行執(zhí)行npm run dev
vue自動打開了瀏覽器，運(yùn)行了此vue項(xiàng)目
這樣，我們使用vue-cli搭建vue的開發(fā)環(huán)境就算成功了，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)雙向滑動輸入條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要給大家介紹了關(guān)于vue3父組件調(diào)用子組件的方法例子,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-07-07
關(guān)于vue.js中實(shí)現(xiàn)方法內(nèi)某些代碼延時(shí)執(zhí)行
今天小編就為大家分享一篇關(guān)于vue.js中實(shí)現(xiàn)方法內(nèi)某些代碼延時(shí)執(zhí)行，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
Vue結(jié)合原生js實(shí)現(xiàn)自定義組件自動生成示例
這篇文章主要介紹了Vue結(jié)合原生js實(shí)現(xiàn)自定義組件自動生成示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
vue.js實(shí)現(xiàn)點(diǎn)擊圖標(biāo)放大離開時(shí)縮小的代碼
這篇文章主要介紹了vue.js實(shí)現(xiàn)點(diǎn)擊圖標(biāo)放大離開時(shí)縮小，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-01-01
用Vue-cli搭建的項(xiàng)目中引入css報(bào)錯的原因分析
本篇文章主要介紹了用Vue-cli搭建的項(xiàng)目中引入css報(bào)錯的原因分析，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了Vue組件間通信方式全面匯總，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-04-04
vue watch內(nèi)部調(diào)用methods方法報(bào)錯的解決方案
這篇文章主要介紹了vue watch內(nèi)部調(diào)用methods方法報(bào)錯的解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
跨域指的是在瀏覽器中,當(dāng)一個網(wǎng)頁嘗試加載另一個不同域名(或協(xié)議、端口號)下的資源時(shí)所面臨的限制,這篇文章主要給大家介紹了關(guān)于前端uniapp微信小程序跨域問題的解決方法,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了vue如何把組件方法暴露到window對象中，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09