vscode运行vue项目需要配置什么? vscode启动vue项目的技巧

要在VSCode中运行Vue项目，需要进行以下配置：

1. 安装Node.js和Vue CLI
   在开始之前，需要安装Node.js和Vue CLI。Node.js是JavaScript运行环境，Vue CLI是Vue.js的脚手架工具。Vue CLI会生成一个Vue项目的基本结构，包括依赖和配置文件。可以通过以下命令安装Node.js和Vue CLI：

# 安装Node.js
sudo apt-get install nodejs

# 安装Vue CLI
npm install -g vue-cli

1. 创建Vue项目
   使用Vue CLI创建Vue项目。执行以下命令：

vue init webpack my-project

其中，my-project是新建的项目名称。

1. 安装依赖
   进入项目目录，执行以下命令安装项目依赖：

cd my-project
npm install

1. VSCode配置
   打开VSCode，打开创建的Vue项目文件夹。在VSCode中安装Vue.js插件，可以在插件商店搜索Vue.js安装。

在VSCode中打开终端，执行以下命令：

npm run dev

用以上命令即可启动vue项目

技巧：
在package.json中配置参数

"scripts": {
"serve": "vue-cli-service serve --open",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"dev": "vue-cli-service serve"
},

其中："dev": "vue-cli-service serve" 跑起来的是一个开发环境的本地服务器，如果需要在vue.config.js中进行其他配置也可以自行添加。

示例1：

"scripts": {
"dev": "vue-cli-service serve --port 8080",
}

表示项目端口修改为8080。命令为 npm run dev，即可在8080端口启动项目。

示例2：

"scripts": {
"dev": "vue-cli-service serve --open",
}

表示项目启动命令为npm run dev，可自动打开浏览器并访问项目。