一文教會你如何運行vue項目
一、運行vue項目
1、下載node.js
安裝完成后分別在cmd中執(zhí)行node -v查看是否安裝成功,出現(xiàn)版本號就安裝成功了
2、安裝 webpack
npm install webpack -g
安裝完成后分別在cmd中執(zhí)行npm -v查看是否安裝成功,出現(xiàn)版本號就安裝成功了
3、安裝vue-cli腳手架
cnpm install vue-cli -g
安裝完成后查看vue-cli腳手架 版本確定是否安裝成功,出現(xiàn)版本號就安裝成功了
vue -V
4、使用vue-cli創(chuàng)建項目
首先創(chuàng)建一個文件夾,cmd 進入到該項目里,輸入以下命令
vue create hello-world
注:hello-word是文件夾名字可以改
5、運行項目
輸入以下命令來運行項目
cd hello-world
npm run serve
出現(xiàn)以上頁面,說明項目運行成功了。
二、運行別人的項目
1、刪除package-lock.json文件
package-lock.json記錄了整個node_moudles文件夾的樹狀結(jié)構(gòu),還記錄了模塊的下載地址,但是它是基于項目作者的npm版本庫生成的,若不刪掉這個依賴文件,容易出現(xiàn)npm版本差異導致的報錯。
2、切換項目目錄
然后打開cmd,cd到項目目錄,具體操作:先輸入該盤符,然后再用cd命令切換目錄。
3、清除npm緩存
npm有緩存時,常常出現(xiàn)安裝依賴不成功的現(xiàn)象,且一旦出現(xiàn)這個問題,報錯信息很完善,但根據(jù)報錯信息一項一項去解決,卻死活解決不了,還找不出原因。
npm clean cache -f
4、重新安裝依賴。
npm install
5、最后運行項目。
npm run serve
總結(jié)
到此這篇關于如何運行vue項目的文章就介紹到這了,更多相關vue項目運行內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
如何使用electron將vue項目打包成.exe文件(保姆級教程)
本文給大家介紹如何使用electron將vue項目打包成.exe文件,大家要注意一下vue2項目,使用的vue-element-admin框架,用electron打包成.exe文件,本文結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友參考下吧2024-03-03VUE+elementui面包屑實現(xiàn)動態(tài)路由詳解
今天小編就為大家分享一篇VUE+elementui面包屑實現(xiàn)動態(tài)路由詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11關于vue3+echart5?遇到的坑?Cannot?read?properties?of?undefine
這篇文章主要介紹了vue3+echart5?遇到的坑?Cannot?read?properties?of?undefined?(reading?'type'),本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-04-04