VS Code

  • 可以按照自己想法进行配置的一个开源的免费编码工具，内存消耗较少
  1. 官网下载地址

VS code.png

  1. 安装插件
    • 必备插件 ```git 右键快捷键开启浏览器 open in browser

VS Code中文包 Chinese (Simplified) Language Pack for Visual Studio Code

启动本地服务器并开启热更新 Live Server 

  2.    - 其他插件

图片路径自动识别插件 Path Intellisense

自动闭合 html 标签 Auto Close Tag

html 文件中 CSS 的 Class 类名自动提示 HTML CSS Support

自动完成另一侧标签的同步修改 Auto Rename Tag

直接在CSS文件中显示颜色 Color Highlight

格式化代码 Beautify

文件图标 Material Icon Theme

语法高亮 Atom One Dark Theme

语法提示 Tabnine

解析 less
easy less 文件 -> 首选项 -> 设置 打开配置选项 -> 搜索 easy less -> 点击 Easy Less config -> 在setting.json 中编辑 -> 在 less.compile 选项添加 “out”: “./style/“

// 输出路径为 less 文件的同级

  1. <a name="wXrAM"></a>
  2. ### webStrom
  3. 开箱即用，无需配置，内嵌 git 的付费工具，内存消耗较多
  5. 1. [官方地址](https://www.jetbrains.com/webstorm/download/#section=windows)
  7. ![Snipaste_2021-09-24_21-57-49.png](https://cdn.nlark.com/yuque/0/2021/png/21640785/1632492059540-04f66d70-d2d5-4913-8bda-f8516a66e571.png#clientId=u18b26c24-8c01-4&from=ui&id=u14041d96&margin=%5Bobject%20Object%5D&name=Snipaste_2021-09-24_21-57-49.png&originHeight=710&originWidth=1359&originalType=binary&ratio=1&size=78422&status=done&style=none&taskId=ud931aee9-5a45-4b69-8217-224b9cb2fb3)
  9. 2. 永久激活码
  10.    - [2021.2.2版本](https://www.exception.site/essay/how-to-free-use-intellij-idea-2019-3)
  12. <a name="Edksm"></a>
  13. ### 远程工具的安装
  15. 1. [node官网下载地址](http://nodejs.cn/download)
  16. 1. [git官网下载地址](https://git-scm.com/downloads)
  17. 1. cnpm 的安装
  18. - 下载 cnpm

npm i -g cnpm —registry=https://registry.npm.taobao.org

  2. - 以管理员身份运行 power shell，执行
  3. ```javascript
  4. set-ExecutionPolicy RemoteSigned
  6. // 然后输入 A