win10中IDEA如何运行Vue项目(超详细)

1.安装Vue.js 的插件

win10中IDEA如何运行Vue项目(超详细)_第1张图片

2. File -> Settings 中设置JS 版本

win10中IDEA如何运行Vue项目(超详细)_第2张图片

3.在IDEA中的命令行运行项目

点击“Terminal” 进入命令行,这个命令行和cmd是一样的。

win10中IDEA如何运行Vue项目(超详细)_第3张图片

使用命令:

// 初始化
npm install
// 启动服务
npm run serve

win10中IDEA如何运行Vue项目(超详细)_第4张图片

点击链接可直接打开浏览器

win10中IDEA如何运行Vue项目(超详细)_第5张图片

4. 在IDEA命令行中怎么终止服务

按下Ctrl + C

win10中IDEA如何运行Vue项目(超详细)_第6张图片

进行确定:

win10中IDEA如何运行Vue项目(超详细)_第7张图片

5.在IDEA中进行配置,不用敲命令

win10中IDEA如何运行Vue项目(超详细)_第8张图片

点击Edit Configurations

win10中IDEA如何运行Vue项目(超详细)_第9张图片

点击右上角的 “+” 号,选择 “npm”:

win10中IDEA如何运行Vue项目(超详细)_第10张图片

这样就可以使用了:

win10中IDEA如何运行Vue项目(超详细)_第11张图片

你可能感兴趣的:(前端,vue,intellij,idea,node.js)