• H5(04VSCode安装,及插件使用)


    VSCode 安装

    1.下载地址:https://code.visualstudio.com/

    根据自己的需要进行下载,我选择的是window X64 的,其他系统大致相同

     

      下载完成之后点击进行安装

      

    路径随意吧,我放D盘

    这一步注意勾选:

     

    ①将“通过code 打开“操作添加到windows资源管理器文件上下文菜单

    ②将“通过code 打开”操作添加到windows资源管理器目录上下文菜单

    说明:①②勾选上,可以对文件,目录点击鼠标右键,选择使用 VScode 打开。

    ③将code注册为受支持的文件类型的编辑器

    说明:默认使用 VScode 打开诸如 txt,py 等文本类型的文件,一般建议不勾选。

    让 VScode 支持的代码文件全部变成 VScode 默认打开,文件图标也会随之更改,很好辨认。

    ④添加到PATH(重启后生效)

    说明:这步骤默认的,勾选上,不用配置环境变量,可以直接使用。

     安装中:

     

     完成!

     安装完成之后,进行插件的安装!

    首先对于英语学渣的我必须先安装汉化插件

    1.汉化插件安装:

      设置  -> 输入 Chinese - > install 安装

     安装之后点击 restart now 重启

    界面成功汉化! 

     

    VSCode使用:

      1.双击打开软件

      2.新建文件(Ctrl + n)

       

      3.保存(Ctrl + s),注意一定要保存为 .html 文件

      

      4.生成页面骨架结构

        输入 ! 按下 tab 键

        注意:英文输入法下 按下 !

        

        再按下 tab 键

        

      5.Ctrl +  加号键, ctrl + 减号键 可以放大缩小视图(这个自行体会即可)

         6.利用插件(稍后讲解)在浏览器中预览页面:单击鼠标右键,在弹出出口中点击“Open in Default Browser”

       

    其他插件推荐:(首先安装插件必须是在要有网络下

      汉化:Chinese

      

      编辑器中右键浏览器打开插件:Open in Browser

      

       

      

      

      重启编辑器,鼠标右键,就多出来一个浏览器打开的提示

       

      

       自动重命名配对的HTML/XML 标签: Auto Rename Tag

       

      

       使用场景: 当双标签:p  要换成 span 标签的 时候 需要手动修改 开始标签和结束标签

        

         

      安装:

        

        演示:当我只修改了开始标签,结束标签也自动修改了

        

      

          

      

       

       测试过这个插件不能用

    每天打气:万丈高楼平地起,地基还得自己起,刚开始的繁琐简单,会为成就未来的你

  • 相关阅读:
    mysql 存中文乱码
    解决办法:Message: 对实体 "useUnicode" 的引用必须以 ';' 分隔符结尾
    windows无法安装到这个磁盘选中的磁盘具有MBR分区表解决办法
    Windows快速添加开机启动项
    使用markdown做本地笔记软件/编辑器
    Apache负载均衡配置
    setuptools包的使用
    Git clone报错Someone Could Be Eavesdropping On You Right Now (Man-In-The-Middle Attack)!
    Code Review 的项目
    Pytorch 之Torch
  • 原文地址:https://www.cnblogs.com/czh333/p/13452509.html
Copyright © 2020-2023  润新知