一.环境准备: 1.下载安装VSCode,Node.js,Yarn 2.打开命令行终端或powershell,输入yarn global add create-react-app安装react的脚手架create-react-app 3.打开VSCode,安装相应插件 必要:ESLint.DocumentThis.EasyLess.Complete JSDoc Tags.vscode-flow-ide.React native Tools.vscode-wechat.npm.babel-java

默认情况下,(Windows)vscode的安装路径为C:\Users\用户名\.vscode\extensions. 如果想要自定义扩展的安装路径,无法直接在vscode中修改.但是,在启动vscode的时候,可以指定扩展路径. cmd$ D:\VSCode\bin\code --help Usage: code.exe [options] [paths...] To read output from another program, append '-' (e.g. 'echo Hello

1.扩展推荐 Beautify    Beautify code in place for VS Code CSS Formatter     Formatter for CSS ESLint    Integrates ESLint JavaScript into VS Code GitLens — Git supercharged     Supercharge the Git capabilities built into Visual Studio Code — Visualize co

Beautify (option+shift+F) Bookmarks (option+option+k,l,j) Debugger for Chrome Docker EditorConfig for VS Code ESLint GitLens Go hexdump for VSCode markdownlint Output Colorizer TSLint vscode-icons

第一步:点击上图左下角设置,找到Settings,搜索includeLanguages 第二步:如上图点击图中红色区域,settings.json 第三部:把代码加入,如上图红色选择区域. "emmet.includeLanguages": { "javascript": "javascriptreact" } 最后重启vsc,就可以react自动补全html标签啦.

第一步: 在 VSCode 中,安装用于同步配置的插件 settings sync     第二步:将 VSCode 配置上传到 GitHub 完成这一步需要 GitHub token 和 GitHub gist 进入GitHub 设置界面 & 创建 GitHub token                   在这里找到之前你上传 VSCode 配置的那个 token,点击进去     在这里点击 [Regenerate token] 按钮,重新生成一个 GitHub token,注意:重新生

2.添加RN开发插件 React Native Tools:微软官方出的ReactNative插件,非常好用Reactjs code snippets:react的代码提示,如componentWillMount方法可以通过cwm直接获得Auto Close Tag:自动闭合标签--------------------- 作者:Lion Li 来源:CSDN 原文:https://blog.csdn.net/weixin_40461281/article/details/79964659 版权声

1.ssh配置 1.1 进入命令行 win + r  > cmd 1.2 输入如下代码直接回车即可生成ssh  ssh-keygen -t rsa -C "xxx@qq.com" 1.3 命令行输入cd .ssh进入目录,按下tab切换到 id_rsa.pub 文件回车即可打开 , 复制内容(key)打开github,Settings > SSH and GPG keys > New SSh keys 将复制的内容(key)粘贴到Key中,取个title即可 2.vs

在我平时的工作中会经常用到svn blame这个命令,但是vscode现有的svn扩展普遍都不能自定义右键菜单. 所以我产生一个想法:自己动手为vscode开发一款svn的扩展来定制右键菜单,本文记录这个svn扩展的开发记录,此扩展开发约耗时周末中的一天. 最终成果:在vscode扩展中搜索:svn

我的第一个React应用 接着我们上一期所讲的内容,通过create-react-app脚手架创建的应用,它是基于ES6的语法生成的.我们清空src目录下的文件,并分别创建index.js和index.css文件. cd my-app/src rm -rf * touch index.js touch index.css 现在我们编辑index.js文件, import React from 'react'; import ReactDOM from 'react-dom'; import '.

从网上翻阅了一些开发react-native的开发工具时,发现其实可选的工具还是比较多的Sublime Text,WebStrom,Atom+Nuclide,vs code 等.因为我用.net生态环境的ide比较多,所以当看到有vs code时,就毫无犹豫的选择了它作为react-native的开发工具. vs code是一个开源的,而且linux,windows,mac环境都可以支持,通过插件安装可以开发c#,java,php,js,html,css等. 本篇文章,就用来记录如何使用vs c

Markdown 基本语法 段落 非常自然,一行文字就是一个段落. 比如: 这是一个段落 会被解释成: <p>这是一个段落.</p> 如果你需要另起一段,请在两个段落之间隔一个空行. 这是一个段落. 这是另一个段落. 会被解释成 <p>这是一个段落</p> <p>这是另一个段落</p> 不隔一个空行的换行行为,在一些编辑器中被解释为换行,即插入一个标签.对与另外一些编辑器,会被解释为插入一个空格.对于后者,若要插入换行标签,请在当前一

React的基本认识 Facebook开源的一个js库,一个用来动态构建用户界面的js库 英文官网,中文官网 React的特点 Declarative(声明式编码),Component-Based(组件化编码),Learn Once, Write Anywhere(支持客户端与服务器渲染),高效,单向数据流 声明式编程:只关注做什么, 而不关注怎么做(流程), 类似于填空题,命令式编程:要关注做什么和怎么做(流程), 类似于问答题 React高效的原因 虚拟(virtual)DOM, 不总是直接

参考了Egret Wing,想像Egret Wing那样在上方titlebar最右边上面增加一个menu(这个menu相对于一个按钮,当点击这个按钮时会出现一个window弹框,这个window弹框里就包含相关的表单信息以供登录或者注册使用.我是以这个作为参考模板的.但是目前进展并不是很顺.于是我通过插件的方式暂时性解决了这个问题.但是觉得还不是想要的那样. Egret Wing是这样的,如图所示: 不得不承认一点Egret Wing改造的挺不错的,不愧是对VsCode进行魔改. 今天先说一下通

工欲善其事,必先利其器.vscode是一个值得花费时间去掌握精通的编辑器. 好文档不必远求 打开vscode,把菜单看上三遍,仔细思考每个菜单项的作用,思考为啥要这样归类每个菜单项. 配置是系统的核心 "文件/首选项"这个菜单至关重要,它包括如下四大块配置功能: 设置 快捷键 快捷键设置分为两类:1)系统提供的菜单项的快捷键:2)使用现有的keymap映射,如vim.idea.sublime等流行编辑器 vscode的快捷键必然是从快捷键到command的映射,而command并不是可

网上教程比较繁琐,他们似乎要把vs-code变得无所不能,而我只是想代替dev进行简单的输入输出 所以大概花了1个多小时找到了能用的方法(中途还搞了个ubuntu子系统发现没啥用) 这里随便说下 1.安装g++或其他,我找的是cygnus的包,涵盖了大部分C/C++编译器(注意,编译器版本比较老旧 http://www1.cmc.edu/pages/faculty/alee/g++/g++.html 2.设置环境变量,PATH里添加cygnus/-/bin (这个文件夹下包含了g++.exe等编

1.Python的下载和安装 最新版本python3.7.3 https://www.python.org/downloads/release/python-373/ web-based: 在线安装包 executable: 离线安装包 embeddable zip file: zip解压包 x86-64:适合64位系统 x86:适合32位系统 2.VSCode增加扩展 python扩展 代码运行工具扩展  Python pip pip 是 Python 包管理工具,该工具提供了对Python

使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可(各取所需插件) ext install HTML Snippets 超级使用且初级的H5代码片段以及提示 ext install HTML CSS Support 让HTML标签上写class智能提示当前项目所支持的样式 ext install Debugger for Chrome 让vscode映射chr

使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可(各取所需插件) ext install HTML Snippets------------>超级使用且初级的H5代码片段以及提示 ext install HTML CSS Support ------------>让HTML标签上写class智能提示当前项目所支持的样式 ext install Debugg

前段时间,朋友说自己的vscode突然出现了代码不能自动补全的问题(主要是js,其他语言也可以参考) 症状表现为,刚打开vscode有自动补全,过了一会,突然就没了,反反复复 解决过程也是相当坎坷了 开始其实就解决了,推测是插件引起的冲突,只不过以为失败了,而且开始只设想到了vscode的扩展插件.新建了一个文件夹,新建一个js文件,这里是可以补全的后来又把他电脑上的vscode彻底卸载了,然后重新装发现也可以补全但是由于他后来又继续做项目,配置了webpack配置环境,告知我又不能补全了后来发

环境: VSCode 1.33.1 Node.js 8.9.1 一.ESLint 1.介绍 ESLint是最流行的JavaScript Linter. Linter 是检查代码风格/错误的小工具.其他类似的 Linter 工具还有:TSLint.stylelint. 它包含三个功能: (1)check syntax (2)find problems 前两个可以统称为 Code-quality rules,例如 no-unused-vars 规则. (3)enforce code style 最后