如何用Idea或者webstorm跑一个Vue项目(步骤详解)_其它综合

来源:脚本之家  责任编辑:小易  

现在vue.js几乎是程序员必会的前端框架啦~
今天就学习记录一下怎么运行一个vue项目

无论是Idea还是webstorm,都是一样的操作。

去网上随便找一个开源项目,以下就是操作的流程,不管是用webstorm还是idea界面都一样。

第一步:终端输入npm install命令

在这里插入图片描述

第二步:配置这里

在这里插入图片描述

第三步:第二步点开以后就是这个界面
其中,name自己随便写
package.json的路径
scripts这里写dev还是serve,看json文件配置

在这里插入图片描述

第四步:这就是配置文件,里面是命令

在这里插入图片描述

第五步:运行

在这里插入图片描述

第六步:终端会出现项目地址

在这里插入图片描述

第七步:成功啦

在这里插入图片描述

以上就是所有的操作过程,博主觉得很完善~

到此这篇关于如何用Idea或者webstorm跑一个Vue项目(步骤详解)的文章就介绍到这了,更多相关idea webstorm 跑vue项目内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

您可能感兴趣的文章:使用IDEA工具配置和运行vue项目及遇到的坑webstorm+vue初始化项目的方法vue: WebStorm设置快速编译运行的方法webstorm和.vue中es6语法报错的解决方法webstorm添加*.vue文件支持详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持

  • 本文相关:
  • 戏说编码发展史
  • 数据分析2020年全国各省高考成绩分布情况
  • 2019-ncov 全国新型肺炎疫情每日动态趋势可视图
  • 科学知识:理解socket
  • git远程操作详解
  • 解决jrebel用户名中文导致用不了的问题
  • git 优雅的撤销中间某次提交方法
  • 学编程选什么语言好?是php、python还是ruby?
  • flyway数据库版本控制的教程详解
  • webstorm安装配置教程
  • Vue工程用IDEA和用Webstorm开发有什么不一样?
  • 我电脑只有8G内存;需要开两个Webstorm运行VUE工程...
  • 如何在webstorm上手动安装vue-for-idea插件
  • 如何在webstorm上手动安装vue-for-idea插件
  • 如何在WebStorm 2017下调试Vue.js + webpack
  • 前端vue/cli安装好后,webstorm里的文件目录总是缺...
  • 如何在webstorm下调试vue工程
  • webstorm2019 vue项目设置
  • 如何让webstorm支持vue
  • 如何让webstorm支持vue
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全javascriptasp.netphp编程ajax相关正则表达式asp编程jsp编程编程10000问css/htmlflex脚本加解密web2.0xml/rss网页编辑器相关技巧安全相关网页播放器其它综合dart首页使用idea工具配置和运行vue项目及遇到的坑webstorm+vue初始化项目的方法vue: webstorm设置快速编译运行的方法webstorm和.vue中es6语法报错的解决方法webstorm添加*.vue文件支持详解在webstorm中添加vue.js单文件组件的高亮及语法支持戏说编码发展史数据分析2020年全国各省高考成绩分布情况2019-ncov 全国新型肺炎疫情每日动态趋势可视图科学知识:理解socketgit远程操作详解解决jrebel用户名中文导致用不了的问题git 优雅的撤销中间某次提交方法学编程选什么语言好?是php、python还是ruby?flyway数据库版本控制的教程详解webstorm安装配置教程最新idea2020注册码永久激活(激活intellij idea2020永久破解,亲测idea激活码最新获取方法(idea20删除svn三种方法delsvn(windows+最新intellij idea 2020.2永久激intellij idea 2020最新注册码(亲最新idea2020激活码超详细教程(设c/s和b/s两种架构的概念、区别和关于最新idea2020.2.1,2.2,3以上deepin20安装开发环境的超详细教程ue、ui、ucd、interaction design、ued、国外开发者谈为何放弃php而改用python编码史记字符编码详解及由来(unicode,utf-8,gbk) 使用ffmpeg 合并aac格式音频文件的方法matlab中乘法“*”和点乘“.*”;除法“/mercurial入门学习介绍微信小程序(微信应用号)开发工具0.9版安装datagrip 2020.1 安装与激活方法
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved