VUE：教你如何运行vue项目

- 日理万妓 2023-02-21 02:23 22阅读 0赞

安装首先下载安装node.js  
https://blog.csdn.net/wypersist/article/details/80492576

或

[https://blog.csdn.net/u012767761/article/details/106863309][https_blog.csdn.net_u012767761_article_details_106863309]

运行项目  
进行定位到项目的路径

![70][]

进入项目之后安装依赖

npm install

![70 1][]

![70 2][]

![70 3][]

安装成功后你会发现项目里多了个

![70 4][]

然后

npm run dev

![70 5][]

![70 6][]

自动启动浏览器就会打开项目了

![70 7][]

![70 8][]

不自启打开localhost:8080

\*\*\*\*\*\*\*\*\* 创建项目

进入你要存放项目的文件夹,命令框输入一下命令

vue init webpack myvuepro  
        其中: init表示初始化;webpack:安装包;myvuepro表示要创建项目的文件夹名字

意思是初始化一个名为myvuepro的项目

安装完以后,由于个文件是需要相互依赖的,一般需要安装依赖文件

1)进入项目文件夹

cd myvuepro (项目名)  
2)输入

npm install  
四  运行项目  
进入项目目录,命令框输入命令:

npm run dev这样项目就能运行了

参考：https://blog.csdn.net/izengjing/article/details/80935539

参考：[https://blog.csdn.net/WYpersist/article/details/80496259][https_blog.csdn.net_WYpersist_article_details_80496259]

[https_blog.csdn.net_u012767761_article_details_106863309]: https://blog.csdn.net/u012767761/article/details/106863309
[70]: https://img-blog.csdn.net/20180529144713887?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dZcGVyc2lzdA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: https://img-blog.csdn.net/20180529144724911?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dZcGVyc2lzdA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 2]: https://img-blog.csdn.net/20180529144732511?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dZcGVyc2lzdA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 3]: https://img-blog.csdn.net/20180529144746611?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dZcGVyc2lzdA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 4]: https://img-blog.csdn.net/20180529144754629?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dZcGVyc2lzdA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 5]: https://img-blog.csdn.net/20180529144803150?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dZcGVyc2lzdA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 6]: https://img-blog.csdn.net/2018052914481123?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dZcGVyc2lzdA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 7]: https://img-blog.csdn.net/20180529144817754?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dZcGVyc2lzdA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 8]: https://img-blog.csdn.net/2018052914482446?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dZcGVyc2lzdA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[https_blog.csdn.net_WYpersist_article_details_80496259]: https://blog.csdn.net/WYpersist/article/details/80496259