WebStorm创建Vue项目教程
-
以管理员身份运行webstorm(我的版本是2022.1.3)
-
点击【New Project】新建一个项目
-
添加路径,将项目命名为myfirst
-
点击【create】
-
等待几分钟,出现以下界面说明创建成功!
可能会遇到以下警告:
D:\node\nodejs\npx.cmd --yes --package “@vue/cli” vue create --default .
npm WARN config global--global
,--local
are deprecated. Use--location=global
instead.
解决方法请参考这篇博客:http://t.csdn.cn/SdGHz
创建好的项目结构:
-
点击左侧栏的npm
-
出现以下窗口,双击serve
出现以下内容:
-
复制上图中的Local,粘贴到浏览器
出现上图说明创建成功!