vscode 创建vue项目

305 阅读1分钟

1.1 软件安装
vscode官网直接下载。
code.visualstudio.com/Download
1.2 插件安装
安装vue插件vetur,实现支持vue文件的代码高亮
安装插件: 点击左边的Extensions图标,输入 vetur ,找对对应版本然后点击install即可
请添加图片描述
同样方式安装ESLint 插件:请添加图片描述
如下图:请添加图片描述
1.2.2 安装node.js
下载地址:nodejs.org/en/download…。下载完成后默认安装,安装完成后打开cmd 输入下面的命令查看是否成功安装(npm是一起安装的)
C:\Users\xxx>node -v
v14.17.3
C:\Users\xxx>npm -v
6.14.6

1.2.3 配置 npm 全局下载的包添加到环境变量中
输入 npm config list 查看目录
找到 prefix 目录下对应的地址
请添加图片描述
然后找到这个红色线里面的路径,看看有没有vue.md的文件:

然后把这个路径添加的系统环境变量的path里面,如下图:请添加图片描述
同样 配置node 环境变量

安装:vue

npm install -g vue
npm install -g  @vue/cli-init