vscode

【安利】VScode配置C++开发环境

£可爱£侵袭症+ 提交于 2020-02-13 23:51:26
写在前面 我看很多人都在用vscode,网上教程很多,咱也不能落下对吧。。 安装MinGW-w64 解压下载后的mingw-w64.7z,打开mingw-w64-install.exe,点击Next,然后等待一会儿就会出现一个框框,里面有5个下拉列表,从上到下依次选择 第一个为Version,选择最新版即可 第二个为Architecture,选择x86_64 第三个为Threads,选择poxiv 第四个为Exception,选择seh 第五个为Build revision,选择0 然后就一路点击Next知道开始安装,等进度条加载完就安装成功了(可能有点久,但毕竟是微软使用的MinGW相对靠谱点,等不及的可以网上百度MinGW的安装方法) 在系统环境变量里加入:(环境变量在哪不用我说吧) 变量名(没有就新建) 变量值 Path C:\Program Files\mingw-w64\x86_64-8.1.0-posix-seh-rt_v6-rev0\mingw64\bin 安装VScode 下载安装应该不用我讲吧。然后打开文件夹,注意,一定要打开才能编译运行、调试。 在下载扩展界面下载以下几个必备插件: C/C++ 、 C++ Intellisense (再推荐俩美化插件,要不要下由你: Atom One Dark Theme 、 Material Icon Theme )

vscode 配置插件 PicGo

廉价感情. 提交于 2020-02-13 03:23:41
如果你是用 markdown 写文章的话,会发现一个问题。插入图片,要么发布的时候手动一个个的粘贴,要么,就是放到其他 bucket 里面,然后用图床。恰好有这么一款工具,配合 vscode 得心应手。 先来看看什么是 PicGo https://picgo.github.io/PicGo-Doc/zh/guide/ PicGo在上传图片之后自动会将图片链接复制到你的剪贴板里,可选5种复制的链接格式。 VSCode的 PicGo 是基于PicGo-Core开发的一款插件,这样的感觉就像在是在线编辑器里面的实时编辑的体验。 https://github.com/PicGo/PicGo-Core 支持的图床有 微博图床 v1.0、七牛图床 v1.0、腾讯云COS v4v5版本 v1.1 & v1.5.0、拍云 v1.2.0、GitHub v1.5.0、SM.MS v1.5.1、阿里云OSS v1.6.0、Imgur 。 七牛 我亲自体验了下,七牛如果是免费用户的话,一个月访问域名会回收,就是删除,因此长远来看不可用。 最后一个URL一个后回收。 微博 只配置一个用户名和cookies。我参考的这个获取的cookies,但是没有成功,看了一圈有人提到说,微博的防盗链,所以微博的图床目前不可用。 Github 首先你得有一个GitHub账号。注册GitHub就不用我多言。 新建一个仓库

Python+Django项目实践记录(1)

非 Y 不嫁゛ 提交于 2020-02-13 03:17:13
Python+Django项目实践记录(1) 1.环境配置 1.1搭建环境 1.1.1安装Python 1.1.2安装Django 1.1.3安装VSCode 1.1.4安装bootstrap3 2.创建第一个Django项目 1.环境配置 Python:3.8.1 Django:3.0.2 编译器:VSCode 1.1搭建环境 1.1.1安装Python 我是先下载了Python再安装的VSCode,所以就按照我自己的顺序来。官网下载地址:https://www.python.org/ 这里要注意:TensorFlow的库不支持3.7以上的Python版本 1.1.2安装Django 在命令行上输入pip install Django,如果遇到报错可以尝试镜像安装,即在命令行上输入pip install Django -i https://pypi.doubanio.com/simple 1.1.3安装VSCode 直接在官网下载 1.1.4安装bootstrap3 安装django-bootstrap3,命令上使用pip install django-bootstrap3 2.创建第一个Django项目 打开命令行,cd 到一个你想放置你代码的目录,然后运行以下命令: django-admin startproject mysite 这行代码将会在当前目录下创建一个

在VSCode中开启ESLint风格审查

我是研究僧i 提交于 2020-02-13 01:08:15
  最近一直在学习开发一个VUE项目,几乎没有前端基础摸爬滚打,就一边摸索HTML,JS,CSS一边模仿着已有代码开发,也还算能学到东西。   VSCode确实还不错,很轻量。在刚开始学写vue的时候,后台总是报各种错,什么空格多了少了,缩进不对,没用驼峰命名法都报错,很让人崩溃。后来才知道有个叫ESLint的东西: 官网入口: https://cn.eslint.org/    用了一段时间过后,觉得书写规范这个东西还是很重要的,之前写代码的时候,虽然也在意过,不过像这样严格的提醒是没有的,有时候也不注意了。    不过好归好,每次代码写完跳出来十几个甚至几十个红色error/warning还是让人很难受。从网上找了点资料,发现可以在VS里添加辅助工具。 步骤如下: 1. 安装ESLint: 在vscode左侧的extension处搜索ESLint并安装 2. file->preference->settings ,如果不是文本框点击那个open settings(JSON) 3.在用户设置中填写如下配置: { "eslint.autoFixOnSave": true, "eslint.alwaysShowStatus": true, "eslint.validate": [ "javascript", "javascriptreact", { "language": "html

vscode中sass使用

一世执手 提交于 2020-02-13 00:59:29
1.vscode安装插件Sass. 2.同步安装插件Live Sass Compiler. 至此,vscode中就可以使用sass了。 注意: - 使用此方法,在html中映入的css文件为.css后缀文件名,而不是直接引用scss文件。 - sass插件是检测sass语法,Live Sass Compiler插件是将.scss文件编译为.css文件(这里需要点击watch sass按钮,才会生成编译后的css文件)。 点击watch Sass按钮后,vscode将会对所有.scss文件进行编译生成两个文件,分别为.css、.css.map。 再次点击,结束本次观察(如果还需在.scss文件中进行编码,请不要结束本次观察。修改scss后,点击保存.css文件会直接更新)。 来源: https://www.cnblogs.com/darkandwhite/p/12301917.html

前端开发工具的简单介绍

懵懂的女人 提交于 2020-02-12 21:49:40
正所谓“工欲善其事,必先利其器”,对Web开发人员来说,好工具的使用总会给人带来事半功倍的效果。   下面来说一下几种常用的开发工具: HBuilder Atom Sublime Text Visual Studio Code WebStorm   如果是初学者的话,我建议先使用HBuilder(记事本也可以,不过需要你将元素标签属性记牢固),很容易上手,熟练后在使用Visual Studio Code或者是Atom,这两个开发工具功能很强大,支持多种插件的安装,比如C/C++、Python、Java等等。   当下,有三种主流的编辑器,分别为Visual Studio Code、Sublime Text和Atom,WebStorm也挺受欢迎的,下面简单的说一说它们各自的优缺点: Atom的优缺点   首先我们来说一说Atom,Atom代码编辑器支持Windows、MaC、Linux三大桌面平台,完全免费,并且在GitHub上开放了全部的源代码。具有简洁和直观的图形用户界面,它支持宏,自动完成分屏功能,集成了文件管理器。经过开发团队的长时间的迭代开发和不断改进,Atom正式版编辑器在性能和稳定性都有着显著的改善。 主要优点: 开发维护团队强大,而且是开源项目,因此修复bug速度快,生态圈成长速度快。 快捷键支持特别好,熟悉了各种快捷键后可以成吨提高生成效率。 比较稳定,很少出现崩溃

HTML实时预览-livereload完整使用方法

那年仲夏 提交于 2020-02-12 19:06:48
常规html查看过程:修改html文件-->浏览器中刷新-->修改html文件-->浏览器中刷新 使用livereload后:修改html文件,浏览器自动刷新 可以简单的理解为livereload就是让浏览器自动帮你刷新html本地文件 也许你会说网络上有很多livereload的使用方法,最开始浏览那些信息花了我一个多小时,但是我的LiveReload依然没有工作 问题出在哪里? 实际上,LiveReload包括两部分内容:你需要同时为编辑器和浏览器安装livereload插件,两个插件的关系是server-client 基本上各大编辑器的插件库中都能找到LiveReload 至于浏览器,你也可以在Chrome和Safari的插件中心找到它 对于初学者而言,Safari的LiveReload并不是那么合适,因为它只支持URL而不支持本地html文件.当然,如果你知道如何使用小型sever工具来发布你的网页,使用Safari也可以 以下是步骤,使用Chrome和VSCode作为示范: 为Chrome安装LiveReload 如果无法打开插件中心,可以去寻找离线安装包.安装完成后,请在扩展管理中确认启用插件并开启本地文件支持(这一点很重要) 点我下载离线安装包 为你的编辑器安装LiveReload插件,在插件中心直接搜索安装即可 如何使用?默认情况下

有关Visual Studio Code的说明

↘锁芯ラ 提交于 2020-02-12 03:51:13
目录 介绍 背景 安装VSC和Node 安装VSC 安装Node和NPM 在文件夹和“.vscode”及命令终端上工作 “.vscode”目录 终端(Terminal) 工作区(workspace)和多个根目录文件夹 调试和调试配置 简单调试 调试配置 设置文件在哪里 用户级别设置 工作区(workspace)级别设置 文件夹级别设置 兴趣点 下载源代码4.8 KB 介绍 这是有关 Visual Studio Code 或简称 VSC 的注释。 背景 本说明是针对运行 Linux Mint 19.1 Cinnamon 的 VM 编写的。 Linux Mint 19.1 Cinnamon 基于 Ubuntu 18.04 。 安装 VSC 和 Node 安装 VSC 根据 说明 ,安装 VSC 的最简单方法是从此 链接 下载 “ .deb 软件包( 64 位) ” ,然后使用以下命令进行安装: sudo apt install ./<file>.deb 或者,我们也可以手动添加 Microsoft 存储库。 curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg sudo install -o root -g root -m 644 microsoft.gpg /etc

Ubuntu下安装vscode

强颜欢笑 提交于 2020-02-11 16:57:14
ubuntu18.04下安装VS code Linux参考 博客参考 : 安装过程: 安装Ubuntu Make: 1 sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make 2 sudo apt-get update 3 sudo apt-get install ubuntu-make 安装完Ubuntu Make后,开始安装VS Code 1 umake web visual-studio-code 部分截图: 不过在安装过程中出现了问题: 参考: https://stackoverflow.com/questions/54695683/not-able-to-install-visual-studio-code-on-ubuntu 将安装命令改为: umake ide visual-studio-code 接受协议’a’ 然后等待下载安装。 [外链图片转存中…(img-2HhK1RfC-1581401493489)] 然后等待下载安装。 安装完即可运行。 来源: CSDN 作者: ASCE_S 链接: https://blog.csdn.net/ASCE_S/article/details/104262533

更改VSCode的插件目录

喜你入骨 提交于 2020-02-11 07:21:51
将下面保存为BAT文件,放到VSCode根目录下面,使用管理员运行,可将插件目录修改到VS根目录下面,重装系统后不至于插件都没有了。 @echo off set destDir=%CD%\extensions if not exist "%destDir%" (md "%destDir%") xcopy "%UserProfile%\.vscode\extensions" "%destDir%" /v /s /e /k /y rd /S /Q "%UserProfile%\.vscode\extensions" mklink /D "%UserProfile%\.vscode\extensions" "%currentFolder%\extensions" 来源: https://www.cnblogs.com/msvc/p/12293727.html