用vscode写一个登录网页模板(vscode模板创建)

vscode 按 !+Tab 无法自动生成HTML模板

原因:版本更新,隐藏以前的快捷键了

解决办法:

1.设置,搜索emmet,找到:"Trigger Expansion On Tab" 勾选。然后就能用!+tab自动生成html模板了

2.设置,搜索emmet Abbreviation,像下图一样设置就好了,然后在html文件中直接输入html,然后会提示html:5,选择这个回车也就可以自动生成html模板了。

3.生成像br*3的这种快捷操作,首先要先输入br*3,然后按tab键,不是像以前一样按回车键,现在要按tab键,才可以生成。

使用vscode远程登录Gitlab

在Gitlab上创建工程就不在累述。

开始正餐:

在项目文件夹中 git init 进行初始化,此时会生成一个隐藏文件夹 .git ,里面存放配置文件。

设置远程配置

命令: git remote add origin ssh://git@192.168.0.105:222/jikuan/detection.git ,此时设置url为ssh模式,当然也可以为https模式。

设置SSH公钥,免密上传

参考 ,输入指令 ssh-keygen -t rsa -C "xxxxx@xxx.com" ,忽视任何输入,一路回车即可。

完成以上后,进入用户主目录下找到 .ssh 文件夹,其下两个文件 id_rsa 和 id_rsa.pub 两个文件,这两个就是SSH Key的秘钥对, id_rsa 是私钥, id_rsa.pub 是公钥。打开 id_rsa.pub ,将其中内容复制到Gitlab中即可。如下所示

git clone 默认是克隆 Head 指向的 branch ,默认是 master 分支,如果是多分支,我们可以单个克隆分支项目。

git clone -b template //clone template分支

参考

不要随意删除本地库,如果长时间没push,再 find . -name ".git" | xargs rm -Rf ,你会直接跑路走人。

写在最后,本文格式、逻辑有些混乱,仓促所为,见谅。

vscode怎么新建html文件?

很多刚使用vscode做开发的小伙伴,不知道如何新建HTML文件,下面就把方法演示给大家。

1、首先在打开的vscode软件中,点击菜单【文件】。

2、接着在文件下拉选项中,点击【新建文件】。

3、然后点击右下角的【纯文本】。

4、接着在打开的窗口中,点击选择【HTML】。

5、输入感叹号,并按【tab键】即可快速生成HTML模板。

6、创建好后,效果如下图所示。

vue VSCode 开发设置(html自动补全、eslint保存时格式化、vetur 格式化html)

File - Preference - Setting -搜索setting.json - Edit in settings.json

settings.json

方法1:File - Preference - Setting -搜索setting.json - Edit in settings.json

settings.json

Setting.json

方法2:File - Preference - 搜索框输入:files.autoSave

之后能看到 files.autoSave 的可选项有

off : 关闭自动保存(默认)

afterDelay: 延迟xx时间后保存,可在 "files.autoSaveDelay" 中配置延迟时间;

onFocusChange: 编辑器失去焦点时自动保存;

onWindowChange: 窗口失去焦点时(编辑器窗口的切换,桌面窗口的切换)自动保存;

安装 ESLint

vscode 中安装 ESLint 插件

然后配置 vscode 的 setting.json

File - Preference - User Snippers

vue.json文件,然后添加下面模板

然后新建.vue文件 ,写下vue然后Tap键就能生成什么的模板。

如果没有生成模板只是多了个空格或者生成的是vue标签的话,我们还得设置一下,打开settings.json,添加下面的设置

如果你的Setting.json文件有 "files.associations" 设置的话,请删除,因为他会和上面 emmet.syntaxProfiles 冲突。

files.associations 和 emmet.syntaxProfiles 都是设置html 标签的补全,如果是要用.vue模板补全功能的话,html标签补全我们就用 emmet.syntaxProfiles 来设置。

vue 的开发中 vscode 可装用于开发规范的插件有

Prettier :规范js

ESLint: 规范js

Vuter: 规范 .vue 文件中 template

stylus: 规范 stylus

注意:以下配置是基于接下来介绍的插件设置的,如果没有安装插件是不会生效的。

或者:

其中:

4.如果使用了stylus,那么vscode安装stylus插件,进行设置,不适用冒号双引号大括号

根目录下创建eslint规则文件 .eslintrc.js

(下面browsers 多了s 正确的为 browser )

vscode怎么创建c项目?

vscode怎样编写c程序?

一、获取C/C++扩展

1、打开vscode

2、ctrl+shift+x打开商店

3、搜索C/C++安装、重启vscode

e125d1ee0c8bed76453042fba8438f7.png

二、安装GCC

1、下载MinGW

2、打开安装程序,安装到D盘(需要创建MinGW文件夹),安装完成之后生成MinGW安装管理器

3、管理器自动打开(如果没有请手动),点击All Packages,选中gcc.bin,g++.bin,gdb.bin,点击Installation,选择Apply Changes,点击Apply提交进行安装

0488d5fba2514f27925f8fe6c71df09.png

win+R,输入control进入控制面板,依次点击系统与安装-系统-高级系统设置-环境变量,找到Path-编辑-新建,将安装好的MinGW的bin文件夹路径粘贴进去。

8582b4a0e711b76938b21c60cfa0d75.png

三、配置智能提示

1、编写一个测试文件demo.c,点击引入的标准库下的“提示灯”,生成c_cpp_properties.json文件

2、编辑c_cpp_properties.json

5c59ca6c91c764055b52716e1bf6b0f.png

c_cpp_properties.json修改内容如下:

e9f6e93dd74073591bdbafd0c3345ac.png

四、开启调试功能

F5或Ctrl+F5启用调试,选择C++(GDB/LLDB)生成launch.json文件,修改如下:

Ctrl+Shift+P输入Tasks:Configure Task配置任务,选择使用模块创建task.json文件,选择Others模板,生成task.json文件,修改如下:

如果出现错误:进程终止,退出代码:1,可能是gcc还没被编辑器加载(测试方法:打开控制台,输入gcc,看提示信息),重启编辑器就可以。

361知讯网

本文链接:http://pdidw.com/vs/14429.html

发表评论

评论列表

还没有评论,快来说点什么吧~