Vue-3-前端框架Vue基础入门之VSCode开发环境配置和Tomcat部署Vue项目
文章目录
- 1 安装配置VSCode
- 1.1 安装中文语言插件
- 1.2 主题颜色
- 1.3 禁用自动更新
- 1.4 开启代码提示设置
- 1.5 安装open in browser插件
- 2 安装配置nodejs
- 2.1 配置环境变量
- 2.2 npm与maven的区别
- 2.3 使用npm避坑
- 3 创建Vue项目
- 3.1 两种创建方式
- 3.2 package.json
- 3.3 安装新的依赖
- 3.4 运行项目
- 3.5 指定端口
- 3.6 项目打包
- 3.7 Debug方法
- 3.8 Tomcat部署vue项目
- 4 参考附录
安装配置VSCode、node.js、创建Vue项目、并使用Tomcat部署Vue项目。
1 安装配置VSCode
Visual Studio Code（简称 VSCode） 是由微软开发并开源的一款轻量级、跨平台、功能强大的代码编辑器，支持多种编程语言，并且拥有丰富的插件生态系统。它不仅是一个代码编辑器，还可以通过插件扩展为一个完整的集成开发环境（IDE），适用于前端开发（如 Vue、React）、后端开发（如 Node.js、Python）、数据库管理等多种用途。
前端开发的IDE：VsCode或者WebStorm。
安装目录D:\Program Files\Microsoft VS Code。
1.1 安装中文语言插件
(1)选择插件模块，在搜索栏输入chinese，搜索中文语言插件。
(2)选中chinese插件，安装完毕后，关闭软件重新打开即可。
(3)配置选择中文,Ctrl+Shift+P。
