1、可以安装debug for
chrome插件，用于设置断点在浏览器调试。安装完成之后，在代码区域按F5后，会出现调试环境的选项，同时在工作空间根目录下会生成launch.json配置文件，修改其中的代码。其中，url部分为你要调试的demo的路径，为防止写错，可以直在浏览器里打开demo文件，然后复制粘贴地址栏的即可。
1、可以安装debug for chrome插件，用于设置断点在浏览器调试。安装完成之后，在代码区域按F5后，会出现调试环境的选项，同时在工作空间根目录下会生成launch.json配置文件，修改其中的代码。其中，url部分为你要调试的demo的路径，为防止写错，可以直在浏览器里打开demo文件，然后复制粘贴地址栏的即可。
SSR就是一台服务器，可以利用 SSR 在远程的服务器上配置 SSR，使其能够成为 SSR 节点，这样本地电脑或者其它设备利用 SSR 节点实现 VPN 或者远程上网及游戏加速等方面。ShadowsocksR（简称 SSR）是 Shadowsocks 分支，在 Shadowsocks 的基础上增加了一些数据...
一、Visual Studio Code下载地址：https://code.visualstudio.com/微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。Visual Stud...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 汽水味的小盆友 的问题《vscode怎么搭建环境》','http://www.shouhuola.com/q-36928.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
一、安装visual studio code
也可以用像IDEA这样的集成开发环境，选vs code主要是用来写前端代码更轻便一些
二、安装插件
open in browser，通过浏览器打开，查看页面效果。
image.png
快捷键:alt+B，在默认浏览器打开，Shift+alt+B选择其他浏览器打开(这一组快捷键我这里是失效的，我改了一下默认浏览器，一般直接使用alt+B，懒得再配置了)配置自定义默认浏览器:点击左下角的配置，打开setting，搜索open-in-browser，修改配置为chrome
image.png image.png
在代码编辑区，直接用鼠标右键也会有相应的选项
image.png 三、一点补充
1、可以安装debug for chrome插件，用于设置断点在浏览器调试。安装完成之后，在代码区域按F5后，会出现调试环境的选项，同时在工作空间根目录下会生成launch.json配置文件，修改其中的代码。其中，url部分为你要调试的demo的路径，为防止写错，可以直在浏览器里打开demo文件，然后复制粘贴地址栏的即可。
image.png 2、另外，一般还需要安装node.js，相当于服务器端的JavaScript。目前还在没有学，后边再总结。3、代码书写的规范--分号问题:我们看一部分教程，包括一些论坛里的大神们，有些JavaScript代码后没有跟分号。大概了解了一下，JavaScript是有自动加分号规则的，但是如果不是真的非常了解，很容易产生歧义，所以建议在写的时候都加上分号。
现在百度寻找官网上下载安装包，然后再解压安装包，按照步骤安装就可以
1、之前已经装好了vscode ,已经装了一些插件了，但忘记装的是什么插件了，如何查看已经装好的插件呢？？
按crtl+shift+x会调出如下窗口，installed就是装过的插件：
2、如何卸载已经安装的插件？
接上图，右击安装的插件，选unistall ,重启vscode 才可以看到被卸载。
3、搭建c/c++ 嵌入式工作环境还需要哪些插件呢？
自己已经装上的如下：c/c++ C/C++语法高亮的代码插件
vscode-icon VSCode 图标插件，主要是资源管理器下各个文件夹的图标
One Dark Pro vscode 主题
还需要安装的插件： C/C++ Snippets: C/C++的重用代码块
C/C++ Advanced Lint: C/C++静态检测
C/C++ Intellisense :c/c++GNU代码全局标签智能感知
Code Runner: 代码运行
Include AutoComplete: 自动头文件包含
Rainbow Brackets: 彩虹花括号，便于阅读
GBKtoUTF8 ： GBK编码转换为UTF8编码
ARM： 支持 ARM 汇编语法高亮显示
compareit： 比较插件，可以用于比较两个文件的差异
DeviceTree：设备树语法插件
KoroFileHeader：写代码时，自动插入文件头（ctrl+alt+i）及函数注解(ctrl+alt+t)。
安装C/C++编译器,可能以后开发linux程序会用，开发stm32,一般都用keil armcc5编译器，暂时还用不到:
到https://sourceforge.net/projects/mingw-w64/files/下载MinGW,下载x86_64-8.1.0-release-posix-seh-rt_v6-rev0即可。
下载下来是一个压缩包，解压到c盘根目录下即可。
添加到系统变量里：如下图所示：
输入gcc -v 出现以下图：证明安装正确
编译环境配置：
c环境：在 C 的程序文件夹下，新建一个名为 .vscode 的隐藏文件夹，然后分别新建如下三个文件
launch.json ，配置内容如下
{
"version": "0.2.0",
"configurations": [{
"name": "(gdb) Launch", // 配置名称，将会在启动配置的下拉菜单中显示
"type": "cppdbg", // 配置类型，cppdbg对应cpptools提供的调试功能；可以认为此处只能是cppdbg
"request": "launch", // 请求配置类型，可以为launch（启动）或attach（附加）
"program": "${fileDirname}/${fileBasenameNoExtension}.exe", // 将要进行调试的程序的路径
"args": [], // 程序调试时传递给程序的命令行参数，一般设为空即可
"stopAtEntry": false, // 设为true时程序将暂停在程序入口处，相当于在main上打断点
"cwd": "${workspaceFolder}", // 调试程序时的工作目录，此为工作区文件夹；改成${fileDirname}可变为文件所在目录
"environment": [], // 环境变量
"externalConsole": true, // 使用单独的cmd窗口，与其它IDE一致；为false时使用内置终端
"internalConsoleOptions": "neverOpen", // 如果不设为neverOpen，调试时会跳到“调试控制台”选项卡，你应该不需要对gdb手动输命令吧？
"MIMode": "gdb", // 指定连接的调试器，可以为gdb或lldb。但我没试过lldb
"miDebuggerPath": "C:/mingw64/bin/gdb.exe", // 调试器路径，Windows下后缀不能省略，Linux下则不要
"setupCommands": [
{ // 模板自带，好像可以更好地显示STL容器的内容，具体作用自行Google
"description": "Enable pretty-printing for gdb",
"text": "-enable-pretty-printing",
"ignoreFailures": false
}
],
"preLaunchTask": "Compile" // 调试会话开始前执行的任务，一般为编译程序。与tasks.json的label相对应
}]
}
settings.json ，配置内容如下
{
"files.defaultLanguage": "c", // ctrl+N新建文件后默认的语言
"editor.formatOnType": true, // 输入分号(C/C++的语句结束标识)后自动格式化当前这一行的代码
"editor.suggest.snippetsPreventQuickSuggestions": false, // clangd的snippets有很多的跳转点，不用这个就必须手动触发Intellisense了
"editor.acceptSuggestionOnEnter": "off", // 我个人的习惯，按回车时一定是真正的换行，只有tab才会接受Intellisense
// "editor.snippetSuggestions": "top", // （可选）snippets显示在补全列表顶端，默认是inline
"code-runner.runInTerminal": true, // 设置成false会在“输出”中输出，无法输入
"code-runner.executorMap": {
"c": "gcc '$fileName' -o '$fileNameWithoutExt.exe' -Wall -O2 -m64 -lm -static-libgcc -std=c11 -fexec-charset=GBK && &'./$fileNameWithoutExt.exe'",
"cpp": "g++ '$fileName' -o '$fileNameWithoutExt.exe' -Wall -O2 -m64 -static-libgcc -std=c++14 -fexec-charset=GBK && &'./$fileNameWithoutExt.exe'"
// "c": "gcc $fileName -o $fileNameWithoutExt.exe -Wall -O2 -m64 -lm -static-libgcc -std=c11 -fexec-charset=GBK && $dir$fileNameWithoutExt.exe",
// "cpp": "g++ $fileName -o $fileNameWithoutExt.exe -Wall -O2 -m64 -static-libgcc -std=c++14 -fexec-charset=GBK && $dir$fileNameWithoutExt.exe"
}, // 右键run code时运行的命令；未注释的仅适用于PowerShell（Win10默认）和pwsh，文件名中有空格也可以编译运行；注释掉的适用于cmd（win7默认）、PS和bash，但文件名中有空格时无法运行
"code-runner.saveFileBeforeRun": true, // run code前保存
"code-runner.preserveFocus": true, // 若为false，run code后光标会聚焦到终端上。如果需要频繁输入数据可设为false
"code-runner.clearPreviousOutput": false, // 每次run code前清空属于code runner的终端消息，默认false
"code-runner.ignoreSelection": true, // 默认为false，效果是鼠标选中一块代码后可以单独执行，但C是编译型语言，不适合这样用
"code-runner.fileDirectoryAsCwd": true, // 将code runner终端的工作目录切换到文件目录再运行，对依赖cwd的程序产生影响；如果为false，executorMap要加cd $dir
"C_Cpp.clang_format_sortIncludes": true, // 格式化时调整include的顺序（按字母排序）
}
tasks.json ，配置内容如下：
{
"version": "2.0.0",
"tasks": [{
"label": "Compile", // 任务名称，与launch.json的preLaunchTask相对应
"command": "gcc", // 要使用的编译器，C++用g++
"args": [
"${file}",
"-o", // 指定输出文件名，不加该参数则默认输出a.exe，Linux下默认a.out
"${fileDirname}/${fileBasenameNoExtension}.exe",
"-g", // 生成和调试有关的信息
"-m64", // 不知为何有时会生成16位应用而无法运行，加上此条可强制生成64位的
"-Wall", // 开启额外警告
"-static-libgcc", // 静态链接libgcc，一般都会加上
"-fexec-charset=GBK", // 生成的程序使用GBK编码，不加这条会导致Win下输出中文乱码；繁体系统改成BIG5
"-std=c++14", // 要用的语言标准，根据自己的需要修改。c++可用c++14，c11
], // 编译的命令，其实相当于VSC帮你在终端中输了这些东西
"type": "process", // process是把预定义变量和转义解析后直接全部传给command；shell相当于先打开shell再输入命令，所以args还会经过shell再解析一遍
"group": {
"kind": "build",
"isDefault": true // 不为true时ctrl shift B就要手动选择了
},
"presentation": {
"echo": true,
"reveal": "always", // 执行任务时是否跳转到终端面板，可以为always，silent，never。具体参见VSC的文档
"focus": false, // 设为true后可以使执行task时焦点聚集在终端，但对编译C/C++来说，设为true没有意义
"panel": "shared" // 不同的文件的编译信息共享一个终端面板
},
"problemMatcher":"$gcc" // 捕捉编译时终端里的报错信息到问题面板中，修改代码后需要重新编译才会再次触发
// 本来有Lint，再开problemMatcher就有双重报错，但MinGW的Lint效果实在太差了；用Clang可以注释掉
}]
}
c++环境：与c一样，但三个文件内容不同
launch.json ，配置内容如下：
{
"version": "0.2.0",
"configurations": [{
"name": "(gdb) Launch", // 配置名称，将会在启动配置的下拉菜单中显示
"type": "cppdbg", // 配置类型，cppdbg对应cpptools提供的调试功能；可以认为此处只能是cppdbg
"request": "launch", // 请求配置类型，可以为launch（启动）或attach（附加）
"program": "${fileDirname}/${fileBasenameNoExtension}.exe", // 将要进行调试的程序的路径
"args": [], // 程序调试时传递给程序的命令行参数，一般设为空即可
"stopAtEntry": false, // 设为true时程序将暂停在程序入口处，相当于在main上打断点
"cwd": "${workspaceFolder}", // 调试程序时的工作目录，此为工作区文件夹；改成${fileDirname}可变为文件所在目录
"environment": [], // 环境变量
"externalConsole": true, // 使用单独的cmd窗口，与其它IDE一致；为false时使用内置终端
"internalConsoleOptions": "neverOpen", // 如果不设为neverOpen，调试时会跳到“调试控制台”选项卡，你应该不需要对gdb手动输命令吧？
"MIMode": "gdb", // 指定连接的调试器，可以为gdb或lldb。但我没试过lldb
"miDebuggerPath": "C:/mingw64/bin/gdb.exe", // 调试器路径，Windows下后缀不能省略，Linux下则不要
"setupCommands": [
{ // 模板自带，好像可以更好地显示STL容器的内容，具体作用自行Google
"description": "Enable pretty-printing for gdb",
"text": "-enable-pretty-printing",
"ignoreFailures": false
}
],
"preLaunchTask": "Compile" // 调试会话开始前执行的任务，一般为编译程序。与tasks.json的label相对应
}]
}
settings.json ，配置内容如下
{
"files.defaultLanguage": "c++", // ctrl+N新建文件后默认的语言
"editor.formatOnType": true, // 输入分号(C/C++的语句结束标识)后自动格式化当前这一行的代码
"editor.suggest.snippetsPreventQuickSuggestions": false, // clangd的snippets有很多的跳转点，不用这个就必须手动触发Intellisense了
"editor.acceptSuggestionOnEnter": "off", // 我个人的习惯，按回车时一定是真正的换行，只有tab才会接受Intellisense
// "editor.snippetSuggestions": "top", // （可选）snippets显示在补全列表顶端，默认是inline
"code-runner.runInTerminal": true, // 设置成false会在“输出”中输出，无法输入
"code-runner.executorMap": {
"c": "gcc '$fileName' -o '$fileNameWithoutExt.exe' -Wall -O2 -m64 -lm -static-libgcc -std=c11 -fexec-charset=GBK && &'./$fileNameWithoutExt.exe'",
"cpp": "g++ '$fileName' -o '$fileNameWithoutExt.exe' -Wall -O2 -m64 -static-libgcc -std=c++14 -fexec-charset=GBK && &'./$fileNameWithoutExt.exe'"
// "c": "gcc $fileName -o $fileNameWithoutExt.exe -Wall -O2 -m64 -lm -static-libgcc -std=c11 -fexec-charset=GBK && $dir$fileNameWithoutExt.exe",
// "cpp": "g++ $fileName -o $fileNameWithoutExt.exe -Wall -O2 -m64 -static-libgcc -std=c++14 -fexec-charset=GBK && $dir$fileNameWithoutExt.exe"
}, // 右键run code时运行的命令；未注释的仅适用于PowerShell（Win10默认）和pwsh，文件名中有空格也可以编译运行；注释掉的适用于cmd（win7默认）、PS和bash，但文件名中有空格时无法运行
"code-runner.saveFileBeforeRun": true, // run code前保存
"code-runner.preserveFocus": true, // 若为false，run code后光标会聚焦到终端上。如果需要频繁输入数据可设为false
"code-runner.clearPreviousOutput": false, // 每次run code前清空属于code runner的终端消息，默认false
"code-runner.ignoreSelection": true, // 默认为false，效果是鼠标选中一块代码后可以单独执行，但C是编译型语言，不适合这样用
"code-runner.fileDirectoryAsCwd": true, // 将code runner终端的工作目录切换到文件目录再运行，对依赖cwd的程序产生影响；如果为false，executorMap要加cd $dir
"C_Cpp.clang_format_sortIncludes": true, // 格式化时调整include的顺序（按字母排序）
}
tasks.json ，配置内容如下：
{
"version": "2.0.0",
"tasks": [{
"label": "Compile", // 任务名称，与launch.json的preLaunchTask相对应
"command": "g++", // 要使用的编译器，C++用g++
"args": [
"${file}",
"-o", // 指定输出文件名，不加该参数则默认输出a.exe，Linux下默认a.out
"${fileDirname}/${fileBasenameNoExtension}.exe",
"-g", // 生成和调试有关的信息
"-m64", // 不知为何有时会生成16位应用而无法运行，加上此条可强制生成64位的
"-Wall", // 开启额外警告
"-static-libgcc", // 静态链接libgcc，一般都会加上
"-fexec-charset=GBK", // 生成的程序使用GBK编码，不加这条会导致Win下输出中文乱码；繁体系统改成BIG5
"-std=c++14", // 要用的语言标准，根据自己的需要修改。c++可用c++14，c11
], // 编译的命令，其实相当于VSC帮你在终端中输了这些东西
"type": "process", // process是把预定义变量和转义解析后直接全部传给command；shell相当于先打开shell再输入命令，所以args还会经过shell再解析一遍
"group": {
"kind": "build",
"isDefault": true // 不为true时ctrl shift B就要手动选择了
},
"presentation": {
"echo": true,
"reveal": "always", // 执行任务时是否跳转到终端面板，可以为always，silent，never。具体参见VSC的文档
"focus": false, // 设为true后可以使执行task时焦点聚集在终端，但对编译C/C++来说，设为true没有意义
"panel": "shared" // 不同的文件的编译信息共享一个终端面板
},
"problemMatcher":"$gcc" // 捕捉编译时终端里的报错信息到问题面板中，修改代码后需要重新编译才会再次触发
// 本来有Lint，再开problemMatcher就有双重报错，但MinGW的Lint效果实在太差了；用Clang可以注释掉
}]
}
到这里，基本就其他IDE一样了，可以调试程序了。
4、剩下的就跟source insight一样，看下常用操作？？？
设置格式化代码格式？按以下步骤，进入到设置搜索框 输入 clang
找到C_Cpp:Clang_format_style，在下面输入框输入，以下代码 ：更改为google格式
{
BasedOnStyle: Google,
UseTab: Never,
IndentWidth: 4,
TabWidth: 4,
AllowShortIfStatementsOnASingleLine: false,
ColumnLimit: 0
}
如下图所示：
重新进manager里，在keyboard short里可以看到格式化代码的快捷为：shift + alt +F
其他格式，详见扩展：其他代码格式化设置
5、常用读代码操作实现？？
Ctrl+/键 注释光标所在单行代码。
Alt+Shift+A键 注释光标选取的多行代码。
折叠光标处未折叠的代码：在 Windows/Ubuntu 上：Ctrl + Shift + [ 展开是: ]
跳转到定义及返回，都是F12
Ctrl + Shift + P 打开命令查找输入框，重要的是里面有命令的描述
扩展：
其他代码格式化设置如LLVM，Google，Chromuim, Mozilla, WebKit等格式。
LLVM linux 内核排版
//Linux kernel style,Linux 内核排版样式
{
BasedOnStyle: LLVM,
IndentWidth: 4,
ColumnLimit: 0,
UseTab: Never,
BreakBeforeBraces: Linux,
AllowShortIfStatementsOnASingleLine: false,
IndentCaseLabels: false,
AlignConsecutiveMacros: true
}
WebKit
{
BasedOnStyle: WebKit,
UseTab: Never,
IndentWidth: 4,
TabWidth: 4,
AllowShortIfStatementsOnASingleLine: false,
ColumnLimit: 0,
DerivePointerAlignment: false,
PointerAlignment: Right,
AlignAfterOpenBracket: Align,
AlignConsecutiveMacros: true
}
1、先把Redhat的extension装好。
2、然后打开 File->Preference-> Settings。
3、把下边这行加进去 "java.home": "C:/Program Files/Java/jdk1.8.0_131"。
1，我们需要先下载c++的windows开发环境，我把下载链接放在这里：https://mirrors.tuna.tsinghua.edu.cn/osdn/mingw/68260/mingw-get-setup.exe。2，复制链接到浏览器打开，并下载，然后安装。
1、可以安装debug for chrome插件，用于设置断点在浏览器调试。安装完成之后，在代码区域按F5后，会出现调试环境的选项，同时在工作空间根目录下会生成launch.json配置文件，修改其中的代码。其中，url部分为你要调试的demo的路径，为防止写错，可以直在浏览器里打开demo文件，然后复制粘贴地址栏的即可。
image.png 2、另外，一般还需要安装node.js，相当于服务器端的JavaScript。目前还在没有学，后边再总结。3、代码书写的规范--分号问题:我们看一部分教程，包括一些论坛里的大神们，有些JavaScript代码后没有跟分号。大概了解了一下，JavaScript是有自动加分号规则的，但是如果不是真的非常了解，很容易产生歧义，所以建议在写的时候都加上分号。
步骤一：下载vscode
直接进入vscode官网下载即可，要注意选择与自己系统符合的版本。
官网地址：https://code.visualstudio.com/?wt.mc_id=DX_841432
进入官网，会出现下面这个界面
下载完成后，按照默认安装即可
打开vscode
点击左侧栏第五个，在搜索框中输入"chinese"，安装第一个插件（汉化），然后输入"c++"，也安装第一个插件，然后重启，继续进行下一步操作。
步骤二：下载编译环境
在这里博主用的是TDM-GCC
大家可以百度官网下载或者下面的使用百度网盘链接下载
链接：https://pan.baidu.com/s/1cR1VkOnkitFUtwznm2N6oQ
提取码：bwez
下载完成后按照默认安装即可，但要记住TDM-GCC的安装路径，在接下来要用到。
步骤三：配置环境变量
在TDM-GCC安装完成后，我们需要将它的路径加入到系统的环境变量里
操作如下：
1.打开系统的控制面板，然后在红圈里搜索“高级设置”。
2.点击高级系统设置
3.点击环境变量配置
4.在系统变量中点击“path"，然后点击编辑，将上面的路径加入即可。
格式形如C:\TDM-GCC-64\bin。
步骤四：配置vscode里的环境
在vscode中打开文件夹->创建新的文件夹->选中，这样就直接加入到vscode中了；或者直接把一个文件拖入vscode中。接着，在这个文件下创建一个.vscode文件夹（注意名字一定是.vscode），这是必须的（一般来说，每个文件夹中都会有这么一个.vscode配置文件）。注意：将此文件夹放在常用文件夹顶层，就不需要重复配置了。在.vscode文件夹中，新建两个（只需两个）配置文件，即launch.json、tasks.json。将下列内容复制进去即可：
tasks.json
{ "version": "2.0.0", "tasks": [{ "label": "g++", "command": "g++", "args": [ "-g", "${file}", "-o", "${fileDirname}/${fileBasenameNoExtension}.exe" ], "problemMatcher": { "owner": "cpp", "fileLocation": [ "relative", "${workspaceRoot}" ], "pattern": { "regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$", "file": 1, "line": 2, "column": 3, "severity": 4, "message": 5 } }, "group": { "kind": "build", "isDefault": true } } ] }launch.json：一定要注意
步骤五：编写第一个C++程序
在配置完成后
建立一个main.cpp文件
粘贴以下代码
界面应该会变成这样
因为vscode在执行完程序后会退出，所以可以选择增加一个断点或者加一句getchar();
接下来，Ctrl+F5 运行
VSCode配置Python开发环境
接下来就是配置VSCode了，首先打开VSCode, 搜索插件Python并安装。
或者直接打开某个.py文件，VSCode右下角将会自动提示你安装。
安装完毕后，VSCode应该会出现这个提示
需要你选择一个Python的解析器，点击Select Python Interpreter
不出意外的话，你已经将Python路径添加到环境变量，于是VSCode可以自动识别到，图中即是你安装的Python解析器的位置了，选择即可。
如果VSCode没有提示你选择，那你可以使用ctrl+shift+p, 输入Python Select Python Interpreter 即可。
这一步做完后，VSCode可能还会出现这个提示
这是VSCode需要你选择一个代码检查插件，你可以直接点击Install来安装pylint，也可以点击Select Linter选择其他的代码检查插件。这里我选择点击Select Linter。
VSCode的Python插件默认是使用pylint作为代码检查插件，我更习惯使用pycodestyle。
选择后VSCode应该会提示你该插件未安装，点击Install安装即可。python会调用pip去安装，如下图所示即是安装成功了。黄字WARNING是提示pip版本可更新，无大碍。
到这里，你已经可以使用VSCode编写python代码了，来试试看！
右键可以点击出许多Python插件提供的功能，试试运行该python文件于终端。或者在终端输入 python hello.py 来运行hello.py文件。
成功输出\(￣︶￣*\))。
可以看到Python插件还提供了很多的功能， 比如选中函数后跳转到其实现。
本篇就到这里结束了，剩下的功能就留给你自行探索啦~
相关问题推荐
相对前几年来说，要高上不少了，毕竟入行的人也是越来越多了，基础的工作对应想要参与的人群基数越来越大，但是对于高端人才的需求还是很多，人才还是相对稀缺性的。所以，想要学web或者其他技术也一样，别等，别观望。web前端就业方向特别多包括web前端开发...
相对定位和绝对定位是定位的两种表现形式，区别如下：一、主体不同1、相对定位：是设置为相对定位的元素框会偏移某个距离。2、绝对定位：absolute 脱离文档流，通过 top,bottom,left,right 定位。二、特点不同1、相对定位：在使用相对定位时，无论是否进行移...
抓包（packet capture）就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作，也用来检查网络安全。抓包也经常被用来进行数据截取等。抓包可以通过抓包工具来查看网络数据包内容。通过对抓获的数据包进行分析，可以得到有用的信息。目前流行的...
常用的前端框架有Bootstrap框架、React框架、Vue框架、Angular框架、Foundation框架等等
前端是目的就业前景非常不错的一个计算机技术，但是自学的话还是有一定难度的，网络上自学是碎片化的，同时互联网技术跟新换代快，自己的话比较吃力也学习不到最新的技术。
SSR就是一台服务器，可以利用 SSR 在远程的服务器上配置 SSR，使其能够成为 SSR 节点，这样本地电脑或者其它设备利用 SSR 节点实现 VPN 或者远程上网及游戏加速等方面。ShadowsocksR（简称 SSR）是 Shadowsocks 分支，在 Shadowsocks 的基础上增加了一些数据...
计算机培训方向比较多，建议找适合自己的方向选择培训编程类：JAVA、WEB、Python、C/C++、C#等测试类：软件测试运维类：云计算、网络安全设计类：UI设计、3D建模等
1、代码判断xAxis: {type: 'time',splitLine: {show: false},interval: 3600, // 设置x轴时间间隔axisLabel: {formatter: function(value, index) {return liangTools.unix2hm(value)}}},首先要把xAxis 显示类型设置成time，然后设置对应X轴......
HTML5 + CSS + JavaScript 开发 跨平台重用代码
采用rem单位自动响应,并提供独有栅格化系统快速定义宽高、边距节省css代码量,同时总结各大型移动端网页,提供一套ui颜色搭配规范,尺寸规范,字体规范等。
iView UI、ioni、SUI
jQTouch
如果只是普通的移动端用vue react 或者dva 如果是要编译成小程序什么的或者混生 就用uni-app（对应vue语法）taro（对应react） 或者纯原生 这个没有限制的，自己怎么舒服怎么来
因为可以运用在网页和小程序的开饭中，而且开源，用着便宜，企业都很喜欢
一、Visual Studio Code下载地址：https://code.visualstudio.com/微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。Visual Stud...
jQuery自带淡入淡出效果 https://www.w3school.com.cn/jquery/jquery_fade.asp 看看这个