webstorm搭建vue项目（新手参考）

最新推荐文章于 2024-01-02 23:55:28 发布
最新推荐文章于 2024-01-02 23:55:28 发布
阅读量1.1k 收藏 9
点赞数 6
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MVP_yuetai/article/details/104474079
版权
本文介绍了如何使用WebStorm搭建Vue项目，包括安装WebStorm、申请学生免费资格、理解Node.js和npm、安装Vue CLI，以及通过WebStorm创建Vue项目的详细步骤，适合Vue初学者参考。
摘要由CSDN通过智能技术生成

安装webstorm

  1. 首先安装webstorm，因为webstorm 集成了多种版本控制工具，基本的功能都可以使用，比如git。同时它也支持node.js调试，对于学生也有免费的优惠，稍后会讲如何申请。
    webstorm官网

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
自己选择要安装的路径
在这里插入图片描述
然后就是一路next

2. 安装完成之后，通过校园邮箱申请免费资格

申请网址
在这里插入图片描述

最低0.47元/天 解锁文章
月泰
关注
  • 6
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
使用webstorm搭建vue项目
你一个人,就不想到别处看看? ---- 我怕一转身连你也不见了......
03-27 1287
首先安装好node.js,去官网下载 https://nodejs.org/en/ 下载完成后,傻瓜式安装,一直下一步,选择路径就可以了 默认安装完node.js是会安装了npm的,可在安装路径下查看 检查node.js和npm是否安装成功,随便在什么地方打开cmd或者git-bash输入命令 查看node.js 可以看到安装的版本为v10.15.3 查看np...
【内网】WebStorm搭建Vue环境
一七
04-24 6594
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
使用webstorm来创建并且运行vue项目详细教程
热门推荐
祈澈菇凉
02-04 1万+
准备工作，这些就不一一说明了，如果有不会的，可以去前面的教程里面看一看，找一找。 1：webstorm的安装： 2：node.js的安装 3：安装Git 4：vue-cli 1:初始化一个项目 打开cmd（右键管理员）或者git，进入D盘，输入创建命令，一路回车键 d: vue init webpack myprojectvue ...
WebStorm 创建一个Vue项目
qq_60245590的博客
01-02 2881
这些技术和库之间协同工作以实现一个完整的Web应用程序，其中Vue.js用于构建前端界面，Axios用于处理HTTP请求，Node.js用于构建后端服务，CORS用于解决跨域问题，而Element UI提供了一套现成的Vue组件，用于构建用户界面。上述操作后会在安装目录中该路径下创建 node_modules 文件夹，如果该文件夹没有创建需手动创建。Vue CLI：@vue\cli所在路径，位于node_global\node_modules 文件夹中。见下图，项目创建完成！出现以下运行结果则安装成功！
Webstorm 搭建一个Vue项目
fububanzan_的博客
07-03 8292
在Webstorm上搭建一个Vue项目
怎样用webstorm创建vue项目
weixin_43444977的博客
11-20 275
（已经有Node环境，之前创建过项目） 点击new新建 点击下一步，只有ESLint选为No 在新的窗口，npm run dev ，能正常启动的话，项目就OK了！如果报错，比如：少各种东西 Cannot find module ‘extract-text-webpack-plugin’ 缺什么就安装对应的提示 npm install -g extract-text-webpack-plugin 欢迎关注~~好多干货 ...
webstorm搭建vue环境以及通过webpack模板搭建项目流程
08-19
### WebStorm 搭建 Vue 环境及通过 Webpack 模板构建项目流程 #### 一、安装 Vue 在构建大型应用时，推荐使用 NPM 来安装 Vue.js，因为 NPM 能够与诸如 Webpack 或 Browserify 等模块打包器无缝集成。此外，Vue.js...
webstorm+vue初始化项目的方法
10-17
WebStorm与Vue项目初始化方法是一套详细的操作指南，对于前端开发者来说，在使用WebStorm这款集成开发环境（IDE）中集成Vue.js框架进行项目开发时，掌握初始化流程是十分必要的。初始化项目的步骤不仅包括必要的开发...
webstorm中vue语法的支持详解
08-27
在 Vue 项目中，WebStorm 还提供了代码检测功能。当您编写 Vue 代码时，WebStorm 会检测代码中的错误和警告，并提供相应的提示和解决方案。 四、export default 问题 在 Vue 组件中的 JavaScript 代码中，export ...
webstorm2019版本创建VUE项目
01-20
前言 在论坛里发现有小伙伴使用2019版本的webstorm创建VUE项目的时候失败了，突然一想我也是2019的，后来没创建过，于是我就试了一下，如图： 啊哈 什么东西，稀奇古怪的错误 不管他，先运行下试试看啥结果 哦豁，很敏感的字眼，no such file or directory, open ‘E:\untitled2\package.json’ npm ERR! enoent This is related to npm not being able to find a file. 再加上看了下目录缺点什么是不发现没有node_modules文件夹还有package.json配
用WebStorm搭建vue项目
weixin_30235225的博客
03-12 741
首先要明白几个名词（概念）。 Node.js： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。 npm： npm全称为Node Package Manager，是一个基于Node.js的包管理器，也...
webstorm添加*.vue文件支持
weixin_34306676的博客
06-14 322
方法1：安装 Vue.js 插件 打开 Settings->Plugins 搜索安装css预处理器支持 在我写这文章的时间，还没有支持预处理的方案，不过现在已经很简单了。给 style 标签加上 rel=”stylesheet/scss” 属性即可支持 scss 语法，看规则可以改成 less stylus 之类的。 <sty...
使用webStorm创建一个vue项目
weixin_42216142的博客
08-25 1万+
1、点击左上角【File】----【new】----【project】 2、选择项目存放地址，及确定项目名等信息 3、可能会弹出是否使用淘宝镜像站等设置，根据项目实际开发需求来选择即可。 4、项目创建完毕，运行项目： 方式一： 方式二： 打开Terminal，输入npm run serve，即可： 这里的serve 是根据package.json文件里面来的，有的可能不是serve而是dev，所以要根据自己项目实际情况来操作。如果是dev，那么 npm run serve 命令就是npm run
使用WebStorm创建VUE项目
weixin_44943389的博客
09-26 592
【代码】使用WebStorm创建VUE项目。
Vue开发工具之WebStorm
记录和分享属于我的“IT”时光
10-31 958
工欲善其事必先利其器！ 简介： 前端开发工具有很多，笔者偏爱WebStrom，WebStorm是Jetbrains公司旗下一款JavaScript开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”“最强大的HTML5编辑器”“最智能的JavaScript IDE”等。其与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分。 1、下载WebStorm工具 官网地址： https://www.jetbrains.com/webstorm/download/#section=
WebStorm配置Vue
⁣  ⁡⁣⁣
11-24 1601
在 WebStorm 中以 Vue.js 构建应用入门
用WebStorm运行VUE项目
二哈喇子！
11-04 1545
VUE中的国际化用WebStorm点击可跳转
WebStorm创建Vue项目教程（五）创建第一个Vue项目
j_l_sheng的博客
07-13 6781
WebStrom创建Vue项目教程
webstorm创建vue项目教程
最新发布
02-21
下面是使用WebStorm创建Vue项目的简要教程： 1. 打开WebStorm并点击"Create New Project"（创建新项目）。 2. 在左侧选择"Vue.js"，然后点击"Next"（下一步）。 3. 输入项目名称和位置，然后点击"Create"（创建）。...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值