WebStorm配置启动Vue项目

【原文链接】WebStorm配置启动Vue项目

（1）使用WebStorm打开已有的Vue项目，或者参考 Vue创建项目快速体验创建一个新的Vue项目

（2）点击【View】-【toolbar】

（3）点击【Edit Configuration】

（4）然后在弹出的窗口中点击“+”，然后选择npm

（5）Scripts 选择 serve

（6）然后点击启动按钮，即可运行Vue项目

（7）如下，可以看到已经启动了

（8）然后在浏览器中打开 127.0.0.1:8080 即可看到页面已经启动

WebStorm配置启动Vue项目相关推荐

ngnix配置启动vue项目
1.nginx介绍 nginx是一个高性能的HTTP和反向代理服务器.因此常用来做静态资源服务器和后端的反向代理服务器. 2.下载nginx http://nginx.org/en/download. ...
vscode怎么启动php项目,如何使用vscode配置启动vue项目
注意:这个是1.2版本的配置. 1.vetur插件的安装该插件是vue文件基本语法的高亮插件,在插件窗口中输入vetur点击安装插件就行,装好后点击文件->首选项->设置打开设置界面, ...
启动Vue项目发生的错误总结
启动Vue项目发生的错误总结切记:打开 WebStorm的时候用管理员的方式打开 1.安装node_module失败我是用了淘宝镜像 --> 不可行其根本原因是: 版本不兼容 npm c ...
前端--使用webstorm创建一个vue项目
一.webstorm的安装: 1.什么是webstorm WebStorm是jetbrains公司旗下一款JavaScript 开发工具,和IntelliJ IDEA同源. 再多的,可以 2.webs ...
vue2.0学习——使用webstorm创建一个vue项目
背景:小白自学vue,翻阅了好多大神的博客,看了网上很多的视频,过程很吃力,好在功夫不负有心人,磕磕绊绊的也算入门了,现为自己vue的学习阶段做个小小的总结.vue2.0的基础知识的总结暂时不总结成文 ...
idea中启动vue项目
想使用vue必须先安装node.js : Node.js下载安装直接全部点击下一步最后完成安装安装结束后打开cmd命令窗口输入以下命令验证是否安装成功,如出现版本号则安装成功 node -v n ...
IDEA中创建启动Vue项目--搭建vue项目
文章目录环境配置安装Vue-cli构建工具构建项目使用命令启动Vue项目使用idea启动Vue项目环境配置下载安装nodeJs 成功安装国内镜像或者是淘宝的npm镜像详情见博客:Nod ...
idea如何启动vue项目
1.node.js安装教程 2.开启第一个vue-cli程序教程 3.idea启动vue项目下载好node.js,上面已有教程导入vue项目在控制台执行npm install,导入项目原始依 ...
启动vue项目失败，报错Failed at the node-sass@4.14.1 postinstall script.
在启动vue项目的时候报错报错信息如下:npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.14.1 postinstall ...

WebStorm配置启动Vue项目

WebStorm配置启动Vue项目相关推荐

最新文章

热门文章