保姆级教程: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项目(一)
目录
相关文章
|
30天前
|
JavaScript 容器
乾坤qiankun框架搭建 主应用为vue3的项目。
乾坤qiankun框架搭建 主应用为vue3的项目。
149 2
|
21天前
|
数据采集 监控 JavaScript
在 Vue 项目中使用预渲染技术
【10月更文挑战第23天】在 Vue 项目中使用预渲染技术是提升 SEO 效果的有效途径之一。通过选择合适的预渲染工具,正确配置和运行预渲染操作,结合其他 SEO 策略,可以实现更好的搜索引擎优化效果。同时,需要不断地监控和优化预渲染效果,以适应不断变化的搜索引擎环境和用户需求。
|
7天前
|
JavaScript 前端开发
如何在 Vue 项目中配置 Tree Shaking?
通过以上针对 Webpack 或 Rollup 的配置方法,就可以在 Vue 项目中有效地启用 Tree Shaking,从而优化项目的打包体积,提高项目的性能和加载速度。在实际配置过程中,需要根据项目的具体情况和需求,对配置进行适当的调整和优化。
|
1月前
|
JavaScript 数据可视化
vue-cli学习二:vue-cli3版本 创建vue项目后,Runtime-Compiler和Runtime-only两个模式详解;vue项目管理器;配置文件的配置在哪,以及如何配置
这篇文章详细介绍了Vue CLI 3版本创建项目时的Runtime-Compiler和Runtime-only两种模式的区别、Vue程序的运行过程、render函数的使用、eslint的关闭方法,以及Vue CLI 2和3版本配置文件的不同和脚手架3版本创建项目的配置文件配置方法。
40 3
vue-cli学习二:vue-cli3版本 创建vue项目后,Runtime-Compiler和Runtime-only两个模式详解;vue项目管理器;配置文件的配置在哪,以及如何配置
|
24天前
|
JavaScript
如何在 Vue 项目中选择合适的模块格式
【10月更文挑战第20天】选择合适的模块格式需要综合考虑多个因素,没有一种绝对正确的选择。需要根据项目的具体情况进行权衡和分析。在实际选择过程中,要保持灵活性,根据项目的发展和变化适时调整模块格式。
20 7
|
20天前
Vue3 项目的 setup 函数
【10月更文挑战第23天】setup` 函数是 Vue3 中非常重要的一个概念,掌握它的使用方法对于开发高效、灵活的 Vue3 组件至关重要。通过不断的实践和探索,你将能够更好地利用 `setup` 函数来构建优秀的 Vue3 项目。
|
24天前
|
JavaScript 前端开发 编译器
在 Vue 项目中使用 ES 模块格式的优点
【10月更文挑战第20天】在 Vue 项目中使用 ES 模块格式具有众多优点,这些优点共同作用,使得项目能够更高效、更可靠地开发和运行。当然,在实际应用中,还需要根据项目的具体情况和需求进行合理的选择和配置。
27 6
|
20天前
|
JavaScript 测试技术 UED
解决 Vue 项目中 Tree shaking 无法去除某些模块
【10月更文挑战第23天】解决 Vue 项目中 Tree shaking 无法去除某些模块的问题需要综合考虑多种因素,通过仔细分析、排查和优化,逐步提高 Tree shaking 的效果,为项目带来更好的性能和用户体验。同时,持续关注和学习相关技术的发展,不断探索新的解决方案,以适应不断变化的项目需求。
|
29天前
|
缓存 JavaScript 前端开发
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
66 3
|
1月前
|
存储 JavaScript 前端开发
Vue.js项目中全面解析定义全局变量的常用方法与技巧
Vue.js项目中全面解析定义全局变量的常用方法与技巧
41 0