技术概述
使用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.运行项目
点击右上角的开始运行即可
运行成功后,可以在下方看到项目运行的地址,点击后就能跳转到项目了