首页 > 其他分享 >Vue学习笔记2:安装Visual Studio Code

Vue学习笔记2:安装Visual Studio Code

时间:2024-09-13 12:52:05浏览次数:15  
标签:Code 窗口 Visual Vue Studio 1.83 安装

工欲善其事,必先利其器。

要学习Vue,也要准备好学习环境。

这里我使用的是Visual Studio Code。

1 下载 Visual Studio Code

Visual Studio Code可以到 https://code.visualstudio.com/download 下载。

Vue学习笔记2:安装Visual Studio Code_Code

对于Windows来说,有一个问题,就是这里提供的都是64位版本。

而我使用的是32位的Windows,于是bing搜索了32位Visual Studio Code的下载地址:https://go.microsoft.com/fwlink/?LinkID=623230

下载得到了VSCodeSetup-ia32-1.83.1.exe

 

文件说明符 : D:\dev\VSCodeSetup-ia32-1.83.1.exe

属性 : A---

数字签名:Microsoft Corporation

PE文件:是

语言 : 语言中性

文件版本 : 1.83.1              

说明 : Visual Studio Code Setup                                    

版权 :                                                                                                      

备注 : This installation was built with Inno Setup.

产品版本 : 1.83.1                                            

产品名称 : Visual Studio Code                                          

公司名称 : Microsoft Corporation                                        

源文件名 :                                                    

创建时间 : 2024-9-12 23:47:43

修改时间 : 2024-9-13 0:4:51

大小 : 91074856 字节 86.876 MB

MD5 : b69740fe6a740dfe9b8d7507fb0539de

SHA1: 0C7B6D927D9844D7331A6F8F5DAABB46FCD51777

CRC32: 6f041f10


2 安装和配置 Visual Studio Code

2.1 安装 Visual Studio Code

双击运行VSCodeSetup-ia32-1.83.1.exe,钩选接受协议,按照提示安装就可以了。


2.2 配置 Visual Studio Code

安装完成后Visual Studio Code自动打开,需要进行配置。

这时界面是英文的,可以先接受默认设置,以后再根据需要修改。

Vue学习笔记2:安装Visual Studio Code_重启_02

Vue学习笔记2:安装Visual Studio Code_重启_03

Vue学习笔记2:安装Visual Studio Code_Vue_04

2.3 升级 Visual Studio Code

窗口左侧边栏底部(窗口左下角)的齿轮图标提示有更新。

Vue学习笔记2:安装Visual Studio Code_Code_05

点击"Install Update……"进行安装。

Vue学习笔记2:安装Visual Studio Code_Visual_06

安装完成后,窗口右下角提示为了应用更新,要重启Visual Studio Code。那我们就重启吧。

Vue学习笔记2:安装Visual Studio Code_Visual_07

重启后,窗口右下角提示这是32位的最终版本。

Vue学习笔记2:安装Visual Studio Code_Visual_08

2.4 使用简体中文语言

这时Visual Studio Code的窗口语言是英文的,还是换成中文更直观一点。操作步骤为:

1.点击侧边栏的Extensions,或者使用快捷键Ctrl+Shift+x

2.输入chin

3.点击中文(简体)的Install按钮

Vue学习笔记2:安装Visual Studio Code_Visual_09

点窗口左下方NoTIFICATIONS窗口中的"Change Language and Restart"按钮。

Vue学习笔记2:安装Visual Studio Code_HTML_10

重启之后,Visual Studio Code的界面语言就是中文的了。

Vue学习笔记2:安装Visual Studio Code_Code_11


标签:Code,窗口,Visual,Vue,Studio,1.83,安装
From: https://blog.51cto.com/endurer/12000350

相关文章

  • VUE框架Vue3组件传送实现模态窗口切换------VUE框架
    <template><divclass="s1"><h1>我是App组件</h1><YeYe></YeYe></div></template><script>importYeYefrom"./components/YeYe.vue";exportdefault{name......
  • 基于Node.js+vue机房管理系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着信息技术的飞速发展,计算机机房已成为高校、培训机构及企业不可或缺的重要设施。然而,传统机房管理方式往往依赖于人工记录与监控,存在效率低下、易出错、......
  • 基于Node.js+vue直面BOSS招聘管理系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景在当今竞争激烈的就业市场中,招聘与求职双方均面临着信息不对称、沟通效率低下的挑战。传统招聘方式往往依赖于线下招聘会、招聘网站的海量信息筛选,以及繁琐......
  • 基于Node.js+vue基于SpringBoot的儿童福利院管理系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着社会对儿童福利事业关注度的不断提升,儿童福利院作为保障孤儿、弃婴及困境儿童基本生活权益的重要机构,其管理效率与服务质量直接关系到儿童的健康成长。......
  • 基于Node.js+vue基于SpringBoot动漫电影网站(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展,网络娱乐已成为人们日常生活中不可或缺的一部分,尤其是动漫电影作为一种集艺术性、娱乐性和文化性于一体的媒介形式,受到了广泛的欢......
  • Vue技术
    1、Vue简介1.1、Vue是什么Vue是一套构建用户界面的渐进式JavaScript框架。渐进式:可以自底向上逐层的应用。简单应用:只需一个轻量小巧的核心库;复杂应用:可以引入各式各样的Vue插件。1.2、谁开发的尤雨溪。2013年:受到Angular框架的启发,尤雨溪开发出了一个轻量框架Seed。同......
  • 基于SpringBoot+Vue+uniapp的图书馆管理系统(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 基于SpringBoot+Vue+uniapp的成绩管理系统(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 基于SpringBoot+Vue+uniapp的健身房预约系统(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • vue3 + vite 使用 vite-plugin-svg-icons 插件显示本地 svg 图标的方法
    1.安装vite-plugin-svg-icons插件yarnaddvite-plugin-svg-icons-D//或者npminstallvite-plugin-svg-icons-D//或者pnpminstallvite-plugin-svg-icons-D2.使用vite-plugin-svg-icons插件2.1在项目根目录查找vite.config.js,进行配置import{createS......