精华内容
下载资源
问答
  • ASP.NET双向探针,既查看本机环境参数,也可查看服务器详细参数,功能强大已经超过了我想象,运行时间也是出奇长。功能:把原来属于服务器信息组件信息脱离出来,并支持现在绝大部分能见到组件检测。并且...
  • 插件众多,功能齐全,平常开发过程中都是用它,整理了下日常使用插件及配置供大家参考,废话就不多说了,直接进入正题。 相关插件 Vetur 插件文档地址:...

    VsCode算是比较热门的一个代码编辑器了,全名Visual Studio Code,微软出品

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    插件众多,功能齐全,平常开发过程中都是用的它,整理了下日常使用的插件及配置供大家参考,废话就不多说了,直接进入正题。

    相关插件

    Vetur

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=octref.vetur

    Vetur不用说了吧,开发Vue必装的一个插件

    未安装之前vue文件显示这样的

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    安装完成后显示这样的,看着舒服多了

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Vue 2 Snippets

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets

    主要加强vue的便捷写法

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    language-stylus

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=sysoev.language-stylus

    写stylus用的,如果项目用的stylus写样式推荐安装,其他Sass、LESS等同理安装相应的插件即可。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Auto Close Tag

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

    自动闭合标签所用

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    配合快捷键Alt+. (Command+Alt+. for Mac)特别好使。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Auto Rename Tag

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

    自动修改重命名配对的标签

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Bookmarks

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks

    可以对成片的代码做一些书签标记,方便后续查看。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Bracket Pair Colorizer

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

    对括号进行着色,方便区分,下面的图分别是安装前后的比较

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Copy Relative Path

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=alexdima.copy-relative-path

    用于复制文件的完整路径和相对路径,有时候我们可能需要复制一些文件的路径,该插件就很方便了。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Path Intellisense

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

    路径自动感知,在配置文件中配置@后我们就可以很方便快捷的引用各种文件了

    "path-intellisense.mappings": {
     "@": "${workspaceRoot}/src"
    }
    

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Document This

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=joelday.docthis

    主要用于方法的注释,选中方法名,按两次Ctrl+Alt+D,即可快速生成标准的注释

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    psioniq File Header

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=psioniq.psi-header

    按两次Ctrl+Alt+H可快速在文件的头部生成注释信息,如果对默认的注释模板不满意的话,可以在配置文件中自定义注释模板

    "psi-header.templates": [
     {
     "language": "*",
     "template": [
     "FileName: <<filename>>",
     "Remark: <<filename>>",
     "Project: <<projectname>>",
     "Author: <<author>>",
     "File Created: <<filecreated('dddd, Do MMMM YYYY h:mm:ss a')>>",
     "Last Modified: <<dateformat('dddd, Do MMMM YYYY h:mm:ss a')>>",
     "Modified By: <<author>>"
     ]
     }
    ]
    

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Vue Peek

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=dariofuzinato.vue-peek

    用于Vue快速查看组件定义以及组件跳转,具体使用见插件文档地址中的使用方法。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    JavaScript (ES6) code snippets

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

    用于快速生成ES6代码片段

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Material Icon Theme

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

    Material风格的icon文件图标,可以看下安装前后的区别。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    ESLint

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

    这个不用多说了,规范代码格式的。

    StandardJS – JavaScript Standard Style

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=chenxsan.vscode-standardjs

    作为一个合格的前端开发,得遵循一定得代码规范,这里推荐StandardJS,配合该插件可以自动将你的代码格式化成规范的代码。

    vue-cli-3脚手架创建项目的时候,可以选择这个规范。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Beautify

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

    主要拿它来格式话html的,也可以格式话vue template中的html

    配合vetur插件,需要做些设置,格式化html支持以下四种模式auto|force|force-aligned|force-expand-multiline

    "vetur.format.defaultFormatterOptions": {
     //beautify设置
     "js-beautify-html": {
     "wrap_attributes_indent_size": 2,
     "wrap_attributes": "force-expand-multiline" // auto|force|force-aligned|force-expand-multiline
     }
    }
    

    auto模式

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    force模式

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    force-aligned模式

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    force-expand-multiline模式

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    vscode-element-helper

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=ElemeFE.vscode-element-helper

    用element-ui的,应该都知道这个插件,功能看图就知道了。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    Version Lens

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens

    显示npm,jspm,bower,dub和dotnet核心的软件包版本信息

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    One Dark Pro

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme

    一款热门的主题,安装前后比较。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    相关配置

    {
     // 编辑器默认设置
     "editor.tabSize": 2, // 设置2个空格统一tabSize
     "javascript.validate.enable": false, // 关闭默认的校验
     "workbench.editor.enablePreview": false, // 关闭文件预览
     // 引用路径设置
     "path-intellisense.mappings": {
     "@": "${workspaceRoot}/src",
     "~": "${workspaceRoot}/src",
     "src": "${workspaceRoot}/src"
     },
     // standard自动保存
     "standard.autoFixOnSave": true,
     // psioniq File Header设置
     "psi-header.templates": [{
     "language": "*",
     "template": [
     "FileName: <<filename>>",
     "Remark: <<filename>>",
     "Project: <<projectname>>",
     "Author: <<author>>",
     "File Created: <<filecreated('dddd, Do MMMM YYYY h:mm:ss a')>>",
     "Last Modified: <<dateformat('dddd, Do MMMM YYYY h:mm:ss a')>>",
     "Modified By: <<author>>"
     ]
     }],
     // vetur设置
     "vetur.format.defaultFormatter.html": "js-beautify-html",
     "vetur.format.defaultFormatter.js": "none",
     "vetur.format.defaultFormatterOptions": {
     //beautify设置
     "js-beautify-html": {
     "wrap_attributes_indent_size": 2,
     "wrap_attributes": "force-expand-multiline" // auto|force|force-aligned|force-expand-multiline
     }
     },
     // eslint设置
     "eslint.validate": [
     "javascript",
     "javascriptreact",
     {
     "language": "vue",
     "autoFix": true
     }
     ],
     // 保存后自动格式化
     "eslint.autoFixOnSave": true,
     "editor.formatOnSave": true,
     "workbench.iconTheme": "material-icon-theme", // icon图标
     "workbench.colorTheme": "One Dark Pro" // 编辑器主题
    }
    

    备份及同步

    忙活半天把上面的插件都装上及配置好,下次换新电脑的时候总不能重新再来一遍吧,所以压轴插件登场

    Settings Sync

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

    安装完成后需要做些其他事情:

    创建GitHub Gist ID

    点我去创建

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    创建完成后有个提示,一定要将红色框所示的token记录下来,不然下次就看不到了。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    上传设置

    按Shift + Alt + U,会出现一个出入token的框,将上面我们创建的token输入后回车。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    完成后会给你生成一个GIST ID,将这个GIST ID记录下来,下次需要在其他电脑上恢复数据的时候需要用到。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    完整步骤Gif

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    下载设置

    按Shift + Alt + D,它将询问您的GitHub Gist ID(我们在步骤创建GitHub Gist ID中生成的一个ID)

    在窗口中输入该GitHub Gist ID,然后回车。

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    提示需要输入您的Gist ID(上面上传设置后生成的一个ID)

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    下载可能会需要点时间,完整过程Gif

    VsCode从零开始配置一个属于自己的Vue开发环境

     

    插件配置

    最后可以按照自己的需求配置自动上传与自动下载

    "sync.autoDownload": false,// 是否自动下载
    "sync.autoUpload": false// 是否自动上传
    

    结语

    至此教程就结束了,后面有其他问题或者有用的插件会补充进去。

    展开全文
  • 对于很多刚入门机器学习或深度学习同学来说,搭建环境是相当头疼,不仅是因为是选择windows 还是Ubuntu,即使Python选择也很纠结,到底是Python2或者pyhon3,到底是用pycharm这种功能完整,编译调试方便IDE,...

    简介

    对于很多刚入门机器学习或深度学习的同学来说,搭建环境是相当的头疼,不仅是因为是选择windows 还是Ubuntu,即使Python的选择也很纠结,到底是Python2或者pyhon3,到底是用pycharm这种功能完整,编译调试方便的IDE,还是应用anocanda搭建jupyter notebook.由于选择太多,反而患了选择恐惧症,不知道哪一个适合自己。这里我推荐如果您想在windows下想浅尝辄止的学习一下,那你就选择pycharm,下载安装的时候会选择Python版本,Python2在将来是逐渐退出维护的,所以推荐Python3.如果你想一直将来从事人工智能相关的工作,推荐还是在ubuntu上搭建属于自己的环境,便于自己开发。当然Windows下也支持anaconda,也可以搭建深度学习环境。本文主要是介绍如何在Ubuntu下搭建属于自己的深度学习环境(机器学习通用)。

    anaconda介绍及安装

    使用 Anaconda 来管理 Python 所用的包和环境。Anaconda 能让你在数据科学的工作中轻松安装经常使用的程序包。你还将使用它创建虚拟环境,以便更轻松地处理多个项目。Anaconda 简化了工作流程,并且解决了多个包和 Python 版本之间遇到的大量问题。Anaconda 实际上是一个软件发行版,它附带了 conda、Python 和 150 多个科学包及其依赖项。应用程序 conda 是包和环境管理器。Anaconda 的下载文件比较大(约 500 MB),因为它附带了 Python 中最常用的数据科学包。

    anaconda安装过程

    1.官网下载anaconda安装包,选择linux->python3.7的最新版本。

    2.在文件所在路径下执行下面的命令安装。

    bash Anaconda2-2018.12-Linux-x86_64.sh //注意修改所文件名为你下载的anaconda文件名

    3.验证是否成功

    conda list //如果显示很多包,则表示安装成功

    conda管理包

    conda 包管理器用于在计算机上安装库和其他软件。你可能已经熟悉 pip,它是 Python 库的默认包管理器。conda 与 pip 相似,不同之处是可用的包以数据科学包为主,而 pip 适合一般用途。与此同时,conda 并非像 pip 那样专门适用于 Python,它也可以安装非 Python 的包。它是支持任何软件的包管理器。也就是说,虽然并非所有的 Python 库都能通过 Anaconda 发行版和 conda 获得,但同时它也支持非 Python 库的获得。在使用 conda 的同时,你仍可以使用 pip 来安装包。

    conda 安装包

    conda管理包是相当简单的。要安装包,请在终端中键入"conda install package_name"。例如,要安装 numpy,请键入 :

    conda install numpy

    conda 安装多个包

    conda install numpy scipy pandas

    conda 卸载包

     conda remove package_name

    conda 跟新包

    conda update package_name
    //跟新所有包
    conda update --all

    环境管理

    下面重点介绍如何用conda搭建自己的环境,可以使用 conda 创建环境以隔离项目.

    要创建环境,请在终端中使用 conda create -n env_name list of packages。在这里,-n env_name 设置环境的名称(-n是指名称),而 list of packages 是要安装在环境中的包的列表。例如,要创建名为 my_env 的环境并在其中安装 numpy,请键入 :

    conda create -n my_env numpy

    创建环境时,可以指定要安装在环境中的 Python 版本。这在你同时使用 Python 2.x 和 Python 3.x 中的代码时很有用。要创建具有特定 Python 版本的环境,请键入类似于 conda create -n py3 python=3 或 conda create -n py2 python=2 的命令。实际上,我在我的个人计算机上创建了这两个环境。我将它们用作与任何特定项目均无关的通用环境,以处理普通的工作(可轻松使用每个 Python 版本)。这些命令将分别安装 Python 3 和 Python 2 的最新版本。要安装特定版本(例如 Python 3.7),请使用 conda create -n py python=3.7

    进入环境

    source activate my_env

    进入环境后,你会在终端提示符中看到环境名称,它类似于 (my_env) ~ $。环境中只安装了几个默认的包,以及你在创建它时安装的包。你可以使用 conda list 检查这一点。在环境中安装包的命令与前面一样:conda install package_name。不过,这次你安装的特定包仅在你进入环境后才可用。

    退出环境

    source deactivate

    环境共享

    共享环境这项功能确实很有用,它能让其他人安装你的代码中使用的所有包,并确保这些包的版本正确。你可以使用 :

    conda env export > environment.yaml

    包保存环境为 yaml文件。命令的第一部分 conda env export 用于输出环境中的所有包的名称(包括 Python 版本)。导出命令的第二部分 > environment.yaml 将导出的文本写入到 YAML 文件 environment.yaml 中。现在可以共享此文件,而且其他人能够用于创建和你项目相同的环境。

    要通过环境文件创建环境,请使用:

    conda env create -f environment.yaml

    列出环境

    conda env list

    删除环境

    conda env remove -n env_name  //删除指定的环境(在这里名为 env_name)。

    以上内容搭建了深度学习的环境,但是还没有一个具体的写代码,编译,调试的工具,这时候该jupyter notebook 出场了。

    jupyter notebook 介绍

    Jupyter notebook 是一种 Web 应用,能让用户将说明文本、数学方程、代码和可视化内容全部组合到一个易于共享的文档中。Jupyter Notebook 已迅速成为处理数据的必备工具。其用途包括数据清理和探索、可视化、深度学习和大数据分析。你在 Web 应用中编写的代码通过该服务器发送给内核,内核运行代码,并将结果发送回该服务器。之后,任何输出都会返回到浏览器中。保存 notebook 时,它将作为 JSON 文件(文件扩展名为 .ipynb)写入到该服务器中。

    jupyter notebook 安装

    在您自定义的环境中通过conda 安装。

    conda install jupyter notebook

    启动jupyter notebook

    1.首先通过以下命令进入深度学习环境 :

    source activate 环境名

    2.打开jupyter notebook 

    jupyter notebook

    运行此命令时(请自己试一下!),服务器主页会在浏览器中打开。默认情况下,notebook 服务器的运行地址是 http://localhost:8888。该地址的含义是:localhost 表示你的计算机,而 8888 是服务器的通信端口.

    执行完以上步骤,您就完成了深度学习环境的搭建,进入了jupyter notebook 开发界面,接下来就可以写代码测试了。

    展开全文
  • 今天本文所使用的是PHPWAMP这款绿色的集成环境,集成VC运行库。 PHPWAMP的特点如下: 1、真正纯绿色,集成VC不需要单独安装,下载解压即可使用。 2、能同时运行多个PHP版本,随意自定义设置PHP版本,共700多个PHP...
  • VsCode算是比较热门一个代码编辑器了,全名Visual Studio Code,微软出品插件众多,功能齐全,平常开发过程中都是用它,整理了下日常使用插件及配置供大家参考,废话就不多说了,直接进入正题。相关插件Vetur...

    VsCode算是比较热门的一个代码编辑器了,全名Visual Studio Code,微软出品

    6820891a929e5e62d3ea7873f0598a48.png

    插件众多,功能齐全,平常开发过程中都是用的它,整理了下日常使用的插件及配置供大家参考,废话就不多说了,直接进入正题。

    相关插件

    Vetur

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=octref.vetur

    Vetur不用说了吧,开发Vue必装的一个插件

    未安装之前vue文件显示这样的

    169f8b5cbfc8d4cff261a1f99922afbd.png

    安装完成后显示这样的,看着舒服多了

    e0f27dfe7e6f2f44d83407172ae3aa2f.png

    Vue 2 Snippets

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets

    主要加强vue的便捷写法

    c1ec793339dd8f33042cabd568650b80.gif
    be8bd5ca30660b3d059b9ce84bc6f4be.gif

    language-stylus

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=sysoev.language-stylus

    写stylus用的,如果项目用的stylus写样式推荐安装,其他Sass、LESS等同理安装相应的插件即可。

    611fa1d32d7bc9056e10891b35c5f81f.gif
    d172662f0488956c8fa460bfb4a97df0.gif

    Auto Close Tag

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

    自动闭合标签所用

    4428adad79dd99ad5b161b8aa7701c5b.gif

    配合快捷键Alt+. (Command+Alt+. for Mac)特别好使。

    f34dfc0106b928d58f6e5fee7e3d158d.gif

    Auto Rename Tag

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

    自动修改重命名配对的标签

    688990f6e7a6aa0c2fb7ad9d059239d0.gif

    Bookmarks

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks

    可以对成片的代码做一些书签标记,方便后续查看。

    84ae5c50af7748608540fffd4ea0d3fa.gif

    Bracket Pair Colorizer

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

    对括号进行着色,方便区分,下面的图分别是安装前后的比较

    0c27217ea748ed4c6e9964c2e628978b.png
    145b210f1e01cd56332feb54950617cb.png

    Copy Relative Path

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=alexdima.copy-relative-path

    用于复制文件的完整路径和相对路径,有时候我们可能需要复制一些文件的路径,该插件就很方便了。

    cd5bf399dee54dfac1d6d810de0e2fd1.gif

    Path Intellisense

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

    路径自动感知,在配置文件中配置@后我们就可以很方便快捷的引用各种文件了

    "path-intellisense.mappings": { "@": "${workspaceRoot}/src"}
    98c06620fde688cdd8416a8cbaca793b.gif

    Document This

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=joelday.docthis

    主要用于方法的注释,选中方法名,按两次Ctrl+Alt+D,即可快速生成标准的注释

    0f2ced4a620a58d5b8bae5f9434fb0c5.gif

    psioniq File Header

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=psioniq.psi-header

    按两次Ctrl+Alt+H可快速在文件的头部生成注释信息,如果对默认的注释模板不满意的话,可以在配置文件中自定义注释模板

    "psi-header.templates": [ { "language": "*
    展开全文
  • VsCode算是比较热门一个代码编辑器了,全名Visual Studio Code,微软出品,下载地址:点我去下载插件众多,功能齐全,平常开发过程中都是用它,整理了下日常使用插件及配置供大家参考,废话就不多说了,直接...

    VsCode算是比较热门的一个代码编辑器了,全名Visual Studio Code,微软出品,下载地址:点我去下载

    插件众多,功能齐全,平常开发过程中都是用的它,整理了下日常使用的插件及配置供大家参考,废话就不多说了,直接进入正题。

    相关插件

    Vetur

    Vue 2 Snippets

    language-stylus

    Auto Close Tag

    Auto Rename Tag

    Bookmarks

    Bracket Pair Colorizer

    Copy Relative Path

    Path Intellisense

    "path-intellisense.mappings": {

    "@": "${workspaceRoot}/src"

    }

    Document This

    psioniq File Header

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=psioniq.psi-header

    按住Ctrl+Alt后按两次H既可快速在文件的头部生成注释信息,如果对默认的注释模板不满意的话,可以在配置文件中自定义注释模板

    "psi-header.templates": [

    {

    "language": "*",

    "template": [

    "FileName: <>",

    "Remark: <>",

    "Project: <>",

    "Author: <>",

    "File Created: <>",

    "Last Modified: <>",

    "Modified By: <>"

    ]

    }

    ]

    Vue Peek

    JavaScript (ES6) code snippets

    Material Icon Theme

    ESLint

    StandardJS - JavaScript Standard Style

    vue-cli-3脚手架创建项目的时候,可以选择这个规范。

    Beautify

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

    主要拿它来格式话html的,也可以格式话vue`template中的html
    配合vetur插件,需要做些设置,格式化html支持以下四种模式auto|force|force-aligned|force-expand-multiline`

    "vetur.format.defaultFormatterOptions": {

    //beautify设置

    "js-beautify-html": {

    "wrap_attributes_indent_size": 2,

    "wrap_attributes": "force-expand-multiline" // auto|force|force-aligned|force-expand-multiline

    }

    }

    auto模式

    force模式

    force-aligned模式

    force-expand-multiline模式

    vscode-element-helper

    Version Lens

    One Dark Pro

    相关配置

    {

    // 编辑器默认设置

    "editor.tabSize": 2, // 设置2个空格统一tabSize

    "javascript.validate.enable": false, // 关闭默认的校验

    "workbench.editor.enablePreview": false, // 关闭文件预览

    // 引用路径设置

    "path-intellisense.mappings": {

    "@": "${workspaceRoot}/src",

    "~": "${workspaceRoot}/src",

    "src": "${workspaceRoot}/src"

    },

    // standard自动保存

    "standard.autoFixOnSave": true,

    // psioniq File Header设置

    "psi-header.templates": [{

    "language": "*",

    "template": [

    "FileName: <>",

    "Remark: <>",

    "Project: <>",

    "Author: <>",

    "File Created: <>",

    "Last Modified: <>",

    "Modified By: <>"

    ]

    }],

    // vetur设置

    "vetur.format.defaultFormatter.html": "js-beautify-html",

    "vetur.format.defaultFormatter.js": "none",

    "vetur.format.defaultFormatterOptions": {

    //beautify设置

    "js-beautify-html": {

    "wrap_attributes_indent_size": 2,

    "wrap_attributes": "force-expand-multiline" // auto|force|force-aligned|force-expand-multiline

    }

    },

    // eslint设置

    "eslint.validate": [

    "javascript",

    "javascriptreact",

    {

    "language": "vue",

    "autoFix": true

    }

    ],

    // 保存后自动格式化

    "eslint.autoFixOnSave": true,

    "editor.formatOnSave": true,

    "workbench.iconTheme": "material-icon-theme", // icon图标

    "workbench.colorTheme": "One Dark Pro" // 编辑器主题

    }

    备份及同步

    忙活半天把上面的插件都装上及配置好,下次换新电脑的时候总不能重新再来一遍吧,所以压轴插件登场

    Settings Sync

    插件文档地址:https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

    安装完成后需要做些其他事情:

    创建GitHub Gist ID

    点我去创建

    创建完成后有个提示,一定要将红色框所示的token记录下来,不然下次就看不到了。

    上传设置

    按Shift + Alt + U,会出现一个出入token的框,将上面我们创建的token输入后回车。

    完成后会给你生成一个GIST ID,将这个GIST ID记录下来,下次需要在其他电脑上恢复数据的时候需要用到。

    完整步骤Gif

    下载设置

    按Shift + Alt + D,它将询问您的GitHub Gist ID(我们在步骤创建GitHub Gist ID中生成的一个ID)

    在窗口中输入该GitHub Gist ID,然后回车。

    提示需要输入您的Gist ID(上面上传设置后生成的一个ID)

    下载可能会需要点时间,完整过程Gif

    插件配置

    最后可以按照自己的需求配置自动上传与自动下载

    "sync.autoDownload": false,// 是否自动下载

    "sync.autoUpload": false// 是否自动上传

    结语

    至此教程就结束了,后面有其他问题或者有用的插件会补充进去。

    展开全文
  • 打包至appstore之后,构建版本里面就是没有+号来添加版本,以为是苹果服务器出问题或者是打包出问题,然后重新打包显示ipa包已存在,检查我xcode也是正版(beta版本属于测试版本不允许上架)搞了两天了,...
  • ( )【单选题】下列哪一项不属于无人机配送优势【单选题】电子认证是一种( ),通过证书授权机构(CA中心)对公共密钥进行辨别和认证,以防止或降低因秘钥丢失、毁损或解密等原因造成电子文件环境交易不确定因素...
  • 文章转载自网络,原作者未知。 ...很多人都听过WAMP这个词吧,首先来看WAMP是什么意思?...属于WAMP环境的集成软件有很多,比如wampserver、apmserv、xampp、PHPWAMP...今天本文所使用的是PHPWAMP这款绿色的集成环境
  • 第26题:某企业应用系统为保证运行安全,只允许操作人员在规定工作时间段内登录该系统进行业务操作,这种安全策略属于( )层次。A.数据域安全B.功能性安全C.资源访问安全D.系统级安全答案解析与讨论:...
  • 该支付系统属于.net环境开发,程序安全稳定,无漏洞,包搭建。娱谷API聚合支付系统是把支付宝支付,微信支付,网银支付,快捷支付,QQ红包支付,京东钱包支付等聚合为一个付款渠道接口,通过标准API...
  • SpringMVC环境的搭建

    2017-05-24 08:36:55
    springMVC简介:spring框架提供了构建web应程序功能mvc模块,很容易与spring整合,mvc属于spring中一部分,springMVC是一个纯正servlet系统,它核心控制器是DispatcherServlet 我找了一个springMVC运行...
  • 让原有技术使用起来更加方便,主要发明者是Rod Johnson,轮子理论推崇者,它与Mybatis最大区别是Mybatis主要是对jdbc封装主要作用在dao层而spring不是对哪一层进行封装,属于默默无闻基本在每一层都有它,...
  • 使用本地php环境,XAMPP这个是地址。 /Applications/XAMPP/xamppfiles/htdocs/upload/data 1.一个完全新人如何搭建自己个人网站 1、博客程序。...wordpress,目前全球也...Z-blog,国人制作的的功能强大博...
  • 首先先了解先webpack基本概念,webpack属于一个构建工具,主要有mode、entry、output、loader、plugin这几部分组成。 目标 本文会带你实现一个简易vuecli 具备和官方几乎一样的功能 实现移动端适配 使用eslint...
  • 自己动手打造属于自己的C语言IDE **建议:**建议先观看功能...**环境配置:**编译运行功能的前提是windows平台上已经安装gcc并配置到系统环境变量中,这个的配置方式可自行百度,很多帖子有讲。或直接安装QT,便于...
  • 平时搭建PHP网站,可以在linux服务器上搭建,也可以在windows服务器上搭建,主要看你个人需求了,今天我们演示的是用PHPWAMP绿色集成环境在windows服务器上搭建php网站。   这款PHPWAMP绿色集成环境属于WAMP...
  • GNOME(GNU Network ObjectEnvironment)是一种GNU网络对象模型环境 ,GNU计划一部分,目的为Unix或者类Unix操作系统构造一个功能完善、操作简单以及界面友好桌面环境。GNOME项目目标更是定在超越Mac OS XAqua...
  • vim编辑器对于每一个IT从业人员来说肯定不陌生,除了一般文档编辑功能以外,还可以通过vim来打造一个属于我们自己IDE。作为一名Python开发使用者,之前写Python都是在windows带GUI环境下进行,是不是感觉很low...
  • 一、前言  Linux操作系统至1991年10月5日诞生以来,就其开源性和自由性... 本文主要通过裁剪现有Linux系统,根据自己需要,打造一个属于自己Linux小系统,让其能够具备Linux一些常用小功能。 二、原...
  • 普通权限计算机加入域之后,登录有三种情况 1.登录到默认域 直接输入属于当前默认域账户名和密码登录 2.登录到其他域: 账户名为 域名\域用户名 ...管理–>添加角色和功能->服务器角色(选Act
  • vim是一款功能强大通用编辑器,它提供了一组丰富命令,成为众多用户编辑器首选。本文将介绍vim中默认未被启用但仍然十分有用命令。虽然我们可以在每个vim会话中单独启用这些命令,但本文目的是创建一个开...
  • 【单选题】有关左束支传导阻滞的描述错误的是【填空题】大脑右半球:非言语的、()、直观的、音乐的、几何图形识别的、形象思维的功能。【单选题】有关右束支传导阻滞的描述正确的是【判断题】临界力是理想压杆维持...
  • 是系统最基本最核心软件,属于系统软件 控制和管理整个计算机硬件和软件资源 合理组织、调度计算机工作与资源分配 为用户和其它软件提供方便接口和环境 2. 操作系统的功能和目标 2.1 作为计算机系统...
  • 可靠性测试:也称产品的可靠性评估,产品在规定的条件下、在规定的时间内完成规定的功能的能力。产品在设计、应用过程中,不断经受自身及外界气候环境及机械环境的影响,而仍需要能够正常工作,这就需要以试验设备对...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,483
精华内容 593
关键字:

属于环境功能的是