保姆级教程:WebStorm创建VUE项目

简介: 保姆级教程:WebStorm创建VUE项目

首先,编写Vue项目,需要编辑器,当然,普通的也可以,你用txt都可以。但是vue运行也是需要环境的。所以,第一步。安装node.js(这是一个服务器运行软件,为啥叫这个名字其实我也不知道。主要Node.js简介。简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。)可以点我去下载安装。

主要步骤可以参考以下链接步骤:Node.js安装及环境配置之Windows篇

安装完运行环境就可以安装我们编写软件的编辑器了就是我们今天的主角--WebStorm,为什么用这个呢,大家可以看看这个知乎的文章,各抒己见,看自己喜好吧。参考文章:为什么公司都不使用HBuilder?什么编辑器适合写Vue?

WebStorm下载安装就不用多说了吧,安装的时候一直点下一步就可以了。

先看怎么新建VUE项目。正常项目新建流程。

保姆级教程:WebStorm创建VUE项目(一)

然后选择vue.js

保姆级教程:WebStorm创建VUE项目(一)

然后这里记得项目名一定不要有大写,要不然就提示:Sorry, name can no longer contain capital letters

抱歉,名称不能再包含大写字母。

名称不能有大写字母,驼峰命名含有大写字母也不可以呦,换成小写的就好了。

保姆级教程:WebStorm创建VUE项目(一)

然后这里等待完成就可以了

保姆级教程:WebStorm创建VUE项目(一)

最后就是测试了,点击package.json的绿色箭头或者直接点击右上角的箭头

保姆级教程:WebStorm创建VUE项目(一)

当你打开浏览器输入:http://localhost:8080/ 显示如下界面,那么恭喜你,第一个Vue项目你已经成功搭建并可以运行了~

保姆级教程:WebStorm创建VUE项目(一)
目录
相关文章
|
8天前
|
JavaScript
vue项目中使用vue-router进行路由配置及嵌套多级路由
该文章详细说明了如何在Vue项目中配置和使用vue-router进行单页面应用的路由管理,包括设置嵌套路由和实现多级路由导航的示例。
vue项目中使用vue-router进行路由配置及嵌套多级路由
|
4天前
|
JavaScript
vue尚品汇商城项目-day07【vue插件-50.(了解)表单校验插件】
vue尚品汇商城项目-day07【vue插件-50.(了解)表单校验插件】
13 4
|
4天前
|
JavaScript
vue尚品汇商城项目-day07【51.路由懒加载】
vue尚品汇商城项目-day07【51.路由懒加载】
15 4
|
4天前
|
JavaScript
vue尚品汇商城项目-day07【vue插件-54.(了解)生成二维码插件】
vue尚品汇商城项目-day07【vue插件-54.(了解)生成二维码插件】
14 2
|
6天前
|
API UED
如何实现Vue2项目升级Vue3?
如何实现Vue2项目升级Vue3?
13 1
|
8天前
|
JavaScript
vue项目中引入阿里图标iconfont
该文章指导如何在Vue项目中引入并使用阿里图标库Iconfont,包括图标的选取、下载配置文件及在项目中引入和使用图标的具体步骤。
|
17天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
21天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
6天前
|
API UED
升级 Vue3 后,项目的打包体积会有什么变化?
升级 Vue3 后,项目的打包体积会有什么变化?
92 57
|
9天前
|
JavaScript
vue第一个项目之音乐播放器
vue第一个项目之音乐播放器

热门文章

最新文章

下一篇
无影云桌面