一、配置环境

  • 1.安装VS Code
    VS Code官网下载VS Code安装包，按照步骤安装。

  • 2.安装node.js
    （1）Node官网 下载node.js，按照步骤安装。node.js安装完成之后会同步安装npm；
    （2）配置环境变量：把node.js安装路径配置到环境变量Path中,使用node.js安装包安装时一般会自动添加环境变量；
    （3）查看node.js是否安装成功：打开cmd，输入ndoe -v 和 npm -v 如果显示版本信息，则说明安装成功。

  • 3.安装脚手架vue-cli
    脚手架可以帮助我们快速配置项目，打开VScode的终端，输入命令回车，等待安装完成。

npm install -g @vue/cli

二、创建vue项目

  • 1.创建项目
    打开VSCode，点击终端，新建终端输入创建项目命令：
vue create 项目名

  • 2.选择vue版本
    根据需要按键盘方向键选择vue版本后回车；

  • 3.启动开发服务器
    在终端执行命令启动开发服务器：

npm run serve
  • 4.构建项目
    修改文件后，可以使用以下命令构建项目：
npm run build

`