vue系列——vscode,node.js vue开发环境搭建

作者：System 时间：2024年08月07日分类：所有,vue.js 字数：1009

在Windows环境下，可以通过以下步骤搭建Vue.js的开发环境：

安装Node.js:
- 访问Node.js官网（https://nodejs.org/）下载安装包。
- 安装Node.js，npm（Node.js包管理器）会一并安装。
安装Vue CLI:
- 打开命令提示符或PowerShell。
- 运行命令 npm install -g @vue/cli 安装Vue CLI。
创建一个新的Vue项目:
- 运行命令 vue create my-project，其中my-project是你的项目名称。
安装Visual Studio Code:
- 访问VS Code官网（https://code.visualstudio.com/）下载安装包。
- 安装VS Code，这是一个轻量级的代码编辑器。
在VS Code中安装插件:
- 打开VS Code。
- 使用快捷键Ctrl+Shift+X打开插件管理器。
- 搜索并安装如下插件：
  - Vue Language Features (Volar)
  - Vue VS Code Extension
  - Vetur
运行Vue项目:
- 打开命令提示符或PowerShell。
- 切换到项目目录，如 cd my-project。
- 运行命令 npm run serve 启动项目。
在VS Code中打开项目:
- 使用快捷键Ctrl+O打开文件夹。
- 浏览到你的项目目录并选择它。

完成以上步骤后，你将拥有一个基本的Vue.js开发环境，并可以使用VS Code进行项目开发。