前言:使用webstrom新建工程极力推荐使用命令行的方式,因为这样可以选择一些相关的配置。

一、如何使用命令行新建vue工程

1.打开webstorm,点击文件 》 新建项目 》选择空项目 》创建 即可。

在这里插入图片描述
2.点击左下角的终端,输入vue create vuedemo 其中的demo就是你的项目的名称。其中的相关配置如下图所示。其中选择某一个是使用空格选择,确定的回车键。

在这里插入图片描述

3.点击回车以后即可等待生成vue工程

二、运行vue工程

1.完成以后输入 cd demo(demo是你vue create demo 时的文件名)
2.输入 npm run serve 即可运行成功。
3.点击运行成功后显示出来的本地网址 http://localhost:xxxxx即可用浏览器打开。
效果如下:
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐