Visual Studio Code(VScode)的安装及使用,以及中文配置

Visual Studio Code 是微软推出的跨平台编辑器。它采用经典的VS的UI布局,功能强大,扩 展性很强。

下面主要讲解VScde的安装
中文文档下载路径:https://legacy.gitbook.com/book/jeasonstudio/vscode-cn-doc/details
官网软件下载路径:https://code.visualstudio.com/download

1.登录网站下载VScode软件,我选择的版本是VSCodeUserSetup-x64-1.41.1.exe,选择User Installer的64位的exe文件,
在这里插入图片描述
2.双击VSCodeUserSetup-x64-1.41.1.exe文件,进入安装,点击运行
在这里插入图片描述
选择物品接收协议,点击下一步
在这里插入图片描述
注意到这一步的时候需要选择环境变量(这步骤也是默认的,因为改编辑器是微软提供的,会自动配置path),如果不选择需要自己手动配置
在这里插入图片描述
点击安装
在这里插入图片描述
安装过程
在这里插入图片描述
点击完成,此时便可以启动Visual Studio Code
在这里插入图片描述
启动软件
在这里插入图片描述
3.软件汉化
步骤1.Ctrl+Shift+P打开搜索框输入Configure Display Language命令,选择Install additional languages…
在这里插入图片描述
进入Install additional languages…,点击install安装中文简体,注意:安装成功后需要关闭软件重新打开才生效
在这里插入图片描述
汉化后的软件目录,到此VScode安装完成,步骤佷简单,注意里面讲解的几个位置就可以了
在这里插入图片描述
5.导入本地项目
选择文件---->打开文件夹----->选择自己项目就可以了,下图是我导入的vue项目
在这里插入图片描述
打开集成终端:查看 –> 集成终端 或者直接按 ctrl+`或者ctrl+~
在这里插入图片描述
输入命令cd web-vue 项目根目录
在这里插入图片描述
运行项目输入命令 npm run dev,项目运行中

在这里插入图片描述
启动成功
在这里插入图片描述
复制 http://localhost:8081 路径运行
在这里插入图片描述
到此VScode的安装完成,如果有什么不会的可以评论,看到会及时回复

  • 9
    点赞
  • 41
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梦昼初心

您你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值