Webstorm运行vue项目

技术概述

使用Webstorm运行vue项目。在换组之后，新的小组使用的是vue框架，而我是后端选手，所以想看到项目的界面就必须要运行vue项目，而我对vue了解少之又少，所以我查阅了其他的博客，综合了一下，写出了这篇博客。（适用于前端小白）

技术详述

一、安装Webstorm和node.js

Webstorm下载地址：webstorm下载

点击下载即可，安装时基本就是一直下一步。

Node.js下载地址：Node.js下载

根据自己的系统版本下载安装即可。

二、查看Node.js版本号

安装完Node.js后，打开cmd控制台，输入命令node -v查看版本号，出现版本号则说明安装成功。

node -v

三、Webstorm运行vue项目

1.运行Webstorm,用Webstorm打开或创建一个项目

2.使用Webstorm的控制台运行npm install命令

npm install

3.添加npm配置

先点击右上角的添加配置

然后点击左上角的+，选择npm

填写命令的名字，选择运行的命令和脚本。确认后保存。

4.运行项目

点击右上角的开始运行即可

运行成功后，可以在下方看到项目运行的地址，点击后就能跳转到项目了

参考博客

使用webstorm来创建并且运行vue项目详细教程