vscode 创建vue项目

1.1 软件安装
vscode官网直接下载。
https://code.visualstudio.com/Download
1.2 插件安装
安装vue插件vetur,实现支持vue文件的代码高亮
安装插件: 点击左边的Extensions图标,输入 vetur ,找对对应版本然后点击install即可
请添加图片描述
同样方式安装ESLint 插件:请添加图片描述
如下图:请添加图片描述
1.2.2 安装node.js
下载地址:https://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 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值