Visiual Studo Code 构建Vue项目手册

1.安装node.js
下载地址 https://nodejs.org/en/
2.安装vs code 一下简称vs
下载地址 https://code.visualstudio.com/
3.安装@vue/cli
执行npm install -g @vue/cli
@vue/cli 是vue 官方提供的项目脚手架
安装完成后执行vue --version 检验是否成功
4.通过 @vue/cli创建项目
cd 到桌面
执行vue create 项目名
创建过程中有些配置 选择默认的就好
5.用vs打开 项目 安装插件

按图示安装vetur插件 以识别.vue文件
6.运行 vue调试项目
执行npm run serve
B4F72EC9-55AA-43B2-86B8-56E7B6348609.png

7.打开图中的url 即可开发调试

成功 99F4556C-938C-45AE-9FCE-E306372AA4BE.png