vscode搭建vue前端环境配置

一、安装Node.js和npm
Node.js 是一个免费、开源、跨平台的 JavaScript 运行时环境,它让开发人员能够创建服务器、Web 应用、命令行工具和脚本。

npm 是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。

1、访问Node.js官网下载并安装Node.js（npm会与Node.js一起安装）

2、把npm镜像设置为淘宝npm镜像
npm config set registry https://registry.npmmirror.com/

二、安装Vue CLI

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 搭建交互式的项目脚手架。

npm install -g @vue/cli

三、创建Vue项目

vue create my-vue-project

四、安装VSCode
1、访问VSCode官网下载并安装VSCode

2、在VSCode中安装插件

安装Vetur（Vue多功能编辑器）和ESLint（可选，用于代码质量和错误检查）

五、运行Vue项目
在VSCode中打开你的Vue项目文件夹，打开后在命令行工具中运行以下命令。

1、安装依赖包
npm install

2、运行项目

npm run serve