vscode

Create Vue Project

拟墨画扇 提交于 2019-12-11 23:22:25
Cying, How To Create A Vue Project ? 前言 Vue框架有两种使用方式: 1、一种是通过在HTML文件中引入 vue.js 的文件 2、另一种是通过脚手架 vue-Cli 创建一个 vue 工程 今天我要介绍的就是第二种方式 安装三个软件: VsCode , nodejs , cmder ,其中 cmder 是用于代替 cmd ,非必须。 点击名字跳转至下载 第一步:准备相应环境 1.webpack [ 在 cmd 或 cmder 中完成 ] npm install webpack - g 2.vue [ 在 cmd 或 cmder 中完成 ] npm install vue - g 3.vue-cli [ 在 cmd 或 cmder 中完成 ] npm install vue - cli - g 4.vetur [ 在 VsCode 中完成 ] 按组合键 Ctrl + Shift + X 打开扩展栏,搜索安装 Vetur 第二布:创建 Vue 工程文件 [ 此阶段均在 VsCode 中完成 ] 我们要用 Vscode 打开一个文件夹,我们创建的项目工程将存放在这个文件夹下 1.初始化(创建)工程 vue init webpack your_prj_name // 工程名不能有大写字母 初始化时会让用户配置一些基本信息,按照自己所需进行选择即可

vscode格式化代码

一笑奈何 提交于 2019-12-11 13:33:27
vscode格式化代码 vscode格式化代码快捷键 注意事项 vscode格式化代码快捷键 Shift + Alt + F 注意事项 编写lua,安装了Lua Coder Assistant,发现格式化代码时,会默认将双引号变成单引号,可以去用户设置界面,Extensions->Lua Coder Assistant Configuration->Quotemark 将single(默认值)改成成double。 settings.json { "LuaCoderAssist.format.quotemark": "double" } 来源: CSDN 作者: 销矢的森林 链接: https://blog.csdn.net/weixin_43836107/article/details/103490024

开发之前的电脑配置

久未见 提交于 2019-12-11 12:26:24
开发之前的电脑配置 1. 下载编辑器 1)下载 有些人口中说的IDE,一般也就是指的我们开发代码时使用的编辑器。 我一般使用vscode,当然你也可以使用webstorm等其他工具。 直接搜索或者进入官网:https://code.visualstudio.com/ 安装时直接使用默认配置,一路next。 2)设置语言中文 打开vscode,按快捷键“Ctrl+Shift+P”。 在弹出的搜索框中,输入“configure language”,选择搜索出来的【Configure Display Language】。 选择后自动打开了locale.json文件,讲locale的属性值“en”修改成“zh-CN”。 保存设置,重启vscode即可。 3)安装常用插件 vscode提供了很多的插件,便于开发。 Auto Rename Tag(自动修改匹配的 HTML 标签Auto rename paired HTML/XML tag) AutoFileName(auto complete file name) Bracket Pair Colorizer(给嵌套的各种括号加上不同的颜色A customizable extension for colorizing matching brackets) Chinese (Simplified) Language Pack for

如何解决vsCode上编写代码,手机上不能实时更新查看效果的问题?

被刻印的时光 ゝ 提交于 2019-12-11 05:24:07
最近在使用vscode的过程中,发现一个问题。后台开发使用idea和eclipse启动的项目,有Tomacat,所以项目的前缀是localhost:端口号的格式,而在vscode中启动的项目是绝对路径。这就导致进入后台管理系统是进不去的,而且如果做的是手机端项目,只能在Chrome上进行调试,不能在手机上进行调试,只能上传到服务器之后才能在手机上查看效果。 查阅了一些资料和相关,目前知道可以使用npm anywhere来解决这个问题。 如图示例如下: 1.正常情况下,我的项目在vsCode中是直接Alt+B打开页面的,如图 2. 项目路径如图所示 3. 这个路径不是我想要的,原因有两点:(1). 后台管理系统我进不去,这是我本地的项目;(2). 不能再手机端上访问,这个路径明显是不对的。 接下来,我们尝试着用anywhere来解决这个问题: (1)首先需要全局安装anywhere; $ npm install anywhere -g (2)然后需要在根目录下运行anywhere; $ anywhere 我们可以看到会出现两个地址,这两个地址都可以运行。 除此之外,还有一个文件选择页面: 我们进入项目html文件所在地,WebContent 点击进入之后,选择所要运行的html文件,则项目地址变为如图所示: 这就是我想要的项目路径。 (3)如何修改端口号 $ anywhere -p

deepin把vscode设为默认文本应用

心不动则不痛 提交于 2019-12-10 22:13:48
一开始我想自己写一个desktop文件放在/usr/share/applications下面,结果在右键菜单里面找不到vscode。 [Desktop Entry] Categories=Development;IDE;TextEditor; Comment=编辑器 Exec="/home/weiyinfu/Documents/VSCode-linux-x64/bin/code" %f Version=1.0 Name=VS Code Terminal=false Type=Application Icon=/home/weiyinfu/Documents/VSCode-linux-x64/resources/app/resources/linux/code.png StartupWMClass=vscode 经过一番思索,apt-get install deepin-editor安装deepin自带的编辑器,把深度编辑这个软件的desktop文件改成vscode的。 [Desktop Entry] Categories=Utility;TextEditor; Comment=Simple and easy to use deepin editor Exec="/home/weiyinfu/Documents/VSCode-linux-x64/bin/code" %F

Settings Sync VSCode设置同步到Gist

淺唱寂寞╮ 提交于 2019-12-10 20:17:36
有时候我们到了新公司或者换了新电脑需要配置新的开发环境,这时候一个一个下载插件,再重新配置vs code就非常麻烦而且你还不一定记得那么全面,通过这个插件我们可以将当前vs code中的配置上传到Gist,之后再通过Gist下载,就可以将所有配置同步到新环境中了。 在Github首页点击头像,选择Settings进入设置页面。 点击左侧侧边栏Developer settings,进入开发者设置。 选择Personal access tokens,点击右侧Generate new token。 填写token名称,在下方勾选gist。 点击下方的Generate token按钮生成一个新的token。 将生成的新的token保存下来。 在vscode中安装Settings Sync插件,输入Ctrl+Shift+p输入Sync,选择更新/上传配置。 将github中生成的token输入,点击回车。 在控制台中自动生成一串id,之后便可以通过token和id进行配置同步。 输入Ctrl+Shift+p输入Sync,选择下载配置,输入token和id即可同步下载。 可以在配置文件中选择是否自动上传和下载 2人点赞 日记本 作者:_AlanYang 链接:https://www.jianshu.com/p/cb42d6a5ffdf 来源:简书 著作权归作者所有。商业转载请联系作者获得授权

成功解决 vscode远程调试python

女生的网名这么多〃 提交于 2019-12-10 17:20:28
welcome to my blog 微软新出的插件, 非常方便远程调试, 不需要改动代码, 简单9步, 配置远程调试环境 第一步 按ctrl+shift+x, 输入remote development, 安装 第二步 按ctrl+shift+p, 输入remote-ssh, 选择Add New SSH Host, 填写远程服务器用户名及ip地址, 如 ssh hinata@123.123.12 第三步,选择配置保存的地点, 选择用户目录下的.ssh/config就行 第四步, 先点击红框图标, 然后找到刚刚添加的服务器, 点击带加号的小图标就能连接了 第五步,连接远程服务器后, 会弹出一个新的窗口, 先点击左上角红框图表, 再点击Open Folder就会看到此时的目录就行远程服务器上的目录了 第六步, 安装python扩展, 用于远程调试, 按ctrl+shift+x, 输入python, 安装微软官方出品扩展, 红框中最后一行"Microsoft"表示是微软出品, 安装后重启vscode 第七步, 打开一个.py文件, 微软出品的python扩展可以搜索到远程服务器上的默认python, 同时也可以修改python, 点击vscode界面左下角的python提示,也就是红框的位置, 接着会弹出其他可用的python, 选择一个合适的就行了 第八步, 打断点, 在某一行打端点,

vscode rem 自动转换

早过忘川 提交于 2019-12-10 11:45:09
1、VS code 安装插件, "cssrem",安装好以后,需要重启VS code。 2、插件默认计算值为16,也就是以16px为计算单位,实际情况与默认值不同。需要进入首选项=》设置,搜索“cssrem” 点击编辑图案,在右边编辑区域根据需求更改计算基准字体大小。 3、根据页面大小自动更改根目录字体 (function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize = 14 * (clientWidth / 375) + 'px'; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window); 4、main

Robomaster视觉组成长之路

岁酱吖の 提交于 2019-12-10 09:46:06
Robomaster视觉组成长之路 重点标识 Robomaster视觉组成长之路 11.27 正式开始记录 11.28 看装甲板 11.29 调哨兵 十一大滤波算法 11.30 Source Insight和wine vim-ctag-taglist-cscope配置可跳转的ide ctags 下载编译ctags 路径 ctags如何使用 taglist cscope **sudo find / -name curses.h**找不到库,第一反应是在电脑的所有文件找这个文件 之后上网百度,找解决方法 vim进入main函数,cscope报错! 东南大学代码 apt安装qt5 error adding symbols: file wrong format 提高帧率 网口摄像头配置静态ip nmap查看摄像头ip 迈德威视摄像头进行录像 linux命令日常总结 2020比赛,我们队伍暂时采取2019年上交开源代码。在消化代码的过程中,我学到很多,予以记录! 11.27 正式开始记录 manifold要正式用到机器上,需要令程序开机自启动。使用Ubuntu自带的setup application,不要采用修改rc.local文件的方式,很麻烦 可知,manifold系统是linux Debian系统,而不是rap类的linux系统,之后下载方便跳转的vscode时便可以下载deb类型。

VSCode远程编辑,Remote-SSH,Remote Development

ぐ巨炮叔叔 提交于 2019-12-10 05:01:18
最近一直在Windows主机环境下的VM虚拟机Linux中玩儿好玩儿的,,一直用ssh,不太想折腾VIM了,,,尝试一下VSCode 的 Remote Development 扩展,这个扩展还是微软自己写的. 安装扩展 安装 Remote Development 扩展,其它的Remote-SSH会自动安装,若不自动安装,请手动按照截图安装. 安装完成后,点击左下角,就可以出现如图的命令.这表示扩展已经安装完成 配置 Linux上需要安装ssh服务器,,,这个是必须的,需要支持 用户名/密码 或 密钥 方式,在配置之前,,您需要保证在命令行正常连接上linux 注意: 如果命令行提示ssh命令不存在,请安装git,或者open-ssh,并把ssh.exe所在的目录添加到环境变量中, 继续下去之前,,请确保您已经可以实现上图(通过cmd命令行执行ssh,连接linux) 上面提到过,,在VSCode中我们也可以通过用户名密码或者密钥认证连接到Linux.我们分别来实现 用户名/密码认证 配置用户名/密码认证 需要编辑一下VSCode的settings.json文件,打开的方式如下图,点击设置,滑动鼠标,找到任意一个 在settings.json中编辑 点进去就行 . 添加 "remote.SSH.showLoginTerminal": true , 阴影部分为新添加的(注意逗号)