使用vue-cli+webpack搭建vue開發(fā)環(huán)境的方法
在這里我們需要首先下載node，因為我們要用到npm包下載，是基于node的
廢話不多說，我們直接進入正題
下載node，同時需要下載git，以后我們就在git上輸入命令來搭建我們的vue環(huán)境
git用的是linux命令
不要問為什么，能用就行，你說是不是？
windows系統(tǒng)，下載完git以后我們再桌面右擊鼠標會看到git Bash，點開它，然后就打開了git，
git有很多功能，同時git可以往github上push你的文件，github是一個很不錯的倉庫管理工具哦
好，我們直接開始，打開git之后會顯示
然后我們執(zhí)行npm install webpack
就會自動下載webpack最新版本了
在這里我們直接進入正題，怎么使用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<模板名，就是你的項目的名稱>，
在這里我們用webpack-simple搭建，因為他沒有嚴格的規(guī)范，相對于大多數(shù)程序員來說比較好，他與webpack的區(qū)別在這里我就不細說了，如果需要的話大家可以在下面留言，我們給大家分享
在這里我的項目名稱為myvue
所以我執(zhí)行vue init webpack-simple myvue
桌面會有一個myvue的文件夾
我們執(zhí)行cd myvue進入到我們的項目下
會發(fā)現(xiàn)文件夾下會有這些文件，這就是vue-cli自動為我們搭建的環(huán)境了
我們執(zhí)行npm install
這時候我們需要等待一小會，npm在為我們下載基于node的一些文件，
然后你會發(fā)現(xiàn)多了一個node——modules文件，里面是node的一些模塊
然后我們再命令行執(zhí)行npm run dev
vue自動打開了瀏覽器，運行了此vue項目
這樣，我們使用vue-cli搭建vue的開發(fā)環(huán)境就算成功了，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家的支持！
相關(guān)文章
這篇文章主要介紹了Vue.js中NaiveUI組件文字漸變的實現(xiàn)，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-07-07
這篇文章主要介紹了Vue 用Vant實現(xiàn)時間選擇器的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
vue draggable resizable gorkys與v-chart使用與總結(jié)
這篇文章主要介紹了vue draggable resizable gorkys與v-chart使用與總結(jié),本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09
下面小編就為大家分享一篇淺談vue的幾種綁定變量的值 防止其改變的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
本篇文章主要介紹了Vue調(diào)試神器vue-devtools安裝方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
本文將詳細介紹Vuex的使用方法,包括參數(shù)值的獲取、修改,以及異步數(shù)據(jù)處理,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
在 Vue 3 中,一個重要的特性是 watch 選項,它允許開發(fā)者對數(shù)據(jù)變化進行觀察,本篇博客將詳細介紹如何在 Vue 3 中使用 watch 進行深度觀察,特別是在使用 setup 語法糖時,需要的朋友可以參考下2024-11-11
這篇文章主要介紹了vue實現(xiàn)導航菜單和編輯文本功能的方法，文中示例代碼非常詳細，幫助大家更好的參考和學習，感興趣的朋友可以了解下2020-07-07
這篇文章主要為大家詳細介紹了Vue-pdf實現(xiàn)在線預覽PDF文件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要介紹了Vue3中如何獲取鼠標在瀏覽器x軸和y軸的位置問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07