Vue3前端项目创建

1、前端Vue3开发环境准备

1.1、基础环境准备

1.1.1、NodeJs安装---浏览器访问： https://nodejs.org/en

1.1.2、下载后得到安装包

1.1.3、双击安装Nodejs组件，点击下一步即可

1.1.4、测试是否安装成功，进入cmd命令窗口执行

1.2、设置npm仓库地址

这个设置就类似于在VS中设置 Nuget安装工具下载路径；因为前端Vue3需要很多依赖，这里的配置就是指定到哪个服务器地址去下载安装包

1.2.1、进入命令窗口

1.3、安装VS Code

1.3.1、下载VSCode安装包，下载地址：https://code.visualstudio.com/Download

2、开始创建Vue3项目

2.1、创建Vue3.2项目文件夹

进入到存放前端项目的文件夹，执行命令，创建vue3.2项目，命令为：npm create vue@3.2 ，注意vue符号后面就是选择的Vue的版本号。

根据提示来选择， 最后回车创建成功

2.2 安装依赖

项目创建成功， 同样在存放前段项目的文件夹下，可以安装依赖包，安装依赖包：npm install

最后就可以启动项目了，输入npm run dev