vscode搭建vue前端环境配置

要在VSCode中搭建Vue前端环境，你必要安装Node.js、npm/yarn、Vue CLI以及VSCode的插件。
一、安装Node.js和npm

Node.js 是一个免费、开源、跨平台的 JavaScript 运行时环境,它让开发职员能够创建服务器、Web 应用、命令行工具和脚本。
npm 是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。
1、访问Node.js官网下载并安装Node.js（npm会与Node.js一起安装）
2、把npm镜像设置为淘宝npm镜像

1. npm config set registry https://registry.npmmirror.com/

复制代码

二、安装Vue CLI

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

1. npm install -g @vue/cli

复制代码

三、创建Vue项目

1. vue create my-vue-project

复制代码

四、安装VSCode

1、访问VSCode官网下载并安装VSCode
2、在VSCode中安装插件
安装Vetur（Vue多功能编辑器）和ESLint（可选，用于代码质量和错误检查）
五、运行Vue项目

在VSCode中打开你的Vue项目文件夹，打开后在命令行工具中运行以下命令。
1、安装依赖包

1. npm install

复制代码

2、运行项目

1. npm run serve

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。