搭建vue開發(fā)環(huán)境
搭建vue的開發(fā)環(huán)境:
1、必須要安裝nodejs
2、搭建vue的開發(fā)環(huán)境 ,安裝vue的腳手架工具 官方命令行工具
npm install --global vue-cli / cnpm install --global vue-cli ( 此命令只需要執(zhí)行一次 )
3、創(chuàng)建項目 必須cd到對應(yīng)的放項目的文件夾里,例如項目放vue文件夾里,則cd vue,然后再進(jìn)行下面的命令(vue-demo01為項目名)
vue init webpack vue-demo01 cd vue-demo01 cnpm install / npm install 如果創(chuàng)建項目的時候沒有報錯,這一步可以省略。
如果報錯了 cd到項目里面運(yùn)行 cnpm install / npm install
npm run dev
4、另一種創(chuàng)建項目的方式 (推薦) (vuedemo02為項目名)
vue init webpack-simple vuedemo02 cd vuedemo02 cnpm install / npm install npm run dev
總結(jié)
以上所述是小編給大家介紹的搭建vue開發(fā)環(huán)境,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
vue2 v-model/v-text 中使用過濾器的方法示例
這篇文章主要介紹了vue2 v-model/v-text 中使用過濾器的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-05-05vue路由跳轉(zhuǎn)router-link清除歷史記錄的三種方式(總結(jié))
這篇文章主要介紹了vue路由跳轉(zhuǎn)router-link清除歷史記錄的三種方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04Vue中使用Element UI的Table組件實現(xiàn)嵌套表格功能
這篇文章主要介紹了Vue中使用Element UI的Table組件實現(xiàn)嵌套表格功能,演示如何在Vue中使用Element UI的Table組件實現(xiàn)嵌套表格,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01基于Vue實現(xiàn)tab欄切換內(nèi)容不斷實時刷新數(shù)據(jù)功能
在項目開發(fā)中遇到這樣需求,就是有幾個tab欄,每個tab欄對應(yīng)的ajax請求不一樣,內(nèi)容區(qū)域一樣,內(nèi)容為實時刷新數(shù)據(jù),實現(xiàn)方法其實很簡單的,下面小編給大家?guī)砹嘶赩ue實現(xiàn)tab欄切換內(nèi)容不斷實時刷新數(shù)據(jù)功能,需要的朋友參考下吧2017-04-04