VSCode创建Vue项目完整教程

文章目录

• 一、配置环境
• • 1.安装VS Code
  • 2.安装node.js
  • 3.安装配置脚手架vue-cli
• 二、创建vue项目
• • 1.命令方式创建
  • 2.重新初始化依赖
  • 3.启动项目
• 总结

一、配置环境

1.安装VS Code

官网下载 https://code.visualstudio.com/ 下载VS Code，按照步骤安装。

2.安装node.js

（1）官网 https://nodejs.org/en/ 下载node.js，按照步骤安装即可，node.js安装完成之后会同步安装npm。

（2）配置环境变量：把node.js安装路径配置到环境变量Path中,使用node.js安装包安装时一般会自动添加环境变量。

（3）查看node.js是否安装成功：打开cmd，输入ndoe -v 和 npm -v 如果显示版本信息，则说明安装成功。