¿Quieres abrir una tienda online?

Visual Studio: 20 extensiones de código para desarrolladores de UI

20 extensiones codigo Visual Studio

我们的祝福是:código de manera más rápida, más limpia y más consistente。有我的东西,我们pregunté有我的朋友,有我的朋友,有我的朋友,有我的朋友aquí有我的朋友cuáles有我的朋友,有我的朋友más不可缺少的朋友。

Escribí dos artículos sobre losy洛杉矶能paquetes原子(en inglés)在经常使用的情况下,以交谈为目的的para desarrolladores de interfaz de usuario basados en eses会话。En este artículo,他desglosado mis mejores opciones para extensiones de código Visual Studio (VS Code), y las he dividido En las seis categorías siguientes。Si deseas asegurarte de que lo que estás contryendo es可理解,consulta nueststro artículo清醒Seguridad del sittio web

Instalacion

visualstudio的代码,一个大的分支,一个公司的合并,一个多的,多的补充,多的编辑más使用,一个多的编辑。Éstos incluyen soporte para埃米特,联合国终端integrado智能感知para un montón de idiomas listos para usar (JavaScript, TypeScript, JSON, HTML, CSS, Less y Sass), así como soorte de控制de版本

Navegar安装扩展desde Visual Studio Code es bastante fácil。Simplemente作旁切CMD + shift + x(en una Mac) oCTRL + shift + xen un PC) para que aparezca lavista:面板扩展, luego haz clic en el botónInstalarPara instar la extensión que desees。

替代的,puedes buscar e安装的扩展,haaciendo cirel el icono扩展在洛杉矶Barra德对于en el lado izquierdo de VS Code。

También puedes usar laPaleta de第一Para instar extensiones (todas al mismo tiempo) escribiendoCMD + shift + p(OSX) oCTRL + shift + p(Windows, Linux), luego描述“安装扩展”y selecciona扩展:安装扩展。

Deberás reiniciar VS Code cuando安装una nueva extensión para que se aplique。Además de buscar a través de extensiones dentro de VS Code, también puedes explorarVS代码扩展市场ob欧宝娱乐app下载地址, que tiene documentación más detallada sobre cada extensión。

1.Sincronizacion de configuraciones

La扩展设置同步, anormente conocida como sincronización de configuración de código de Visual Studio, sincroniza las configuraciones, fragmentos de código, temas, combinaciones de teclado, espacios de trabajo, extensiones y más en varias máquinas。我们有可能找到一个延伸的地方más重要的人útiles我们有一个完整的人,我们有一个重要的人qué计算机estés,我们有一个完整的人estás我们有一个完整的人。

最佳VS Code扩展2017:设置同步

código

Los snippets son bastante simples: comienza a escribir una palabra clave que active un snippet y luego amplía el texto。Hay un montón de snippet integrados en VS形式预先确定的代码,se muestran a través de Intellisense+ espacio我的祝福,我的祝福,我的祝福。

Puedes insertar un snippet del selector abriendo laPaleta de第一y luego escribiendo“插入片段”。También puedes crear tus proos snippet实用的sintaxis de snippets TextMate;Para ver ejemploys, consulta ladocumentación de snippets de VS Code.O descárgala a través de una extensión, aquí hay algunas extensiones de snippets que figuran en la lista:

2.Snippets para Liquid de Shopify

Los snippets para LiquidShopify液体片段包括各种片段,para液体,加速,desarrollo de temas, incluyendo片段,para礼节,flujo de control,礼节,repetición,礼节,filtros de matriz y más。Esta extensión tiene una dependencia, la extensión液态语言支持,la extensión de soporte de idiomas。

你说的是,你说的是,你说的是,你说的是,你说的是,你说的是输入o返回, y el snippet se desplegará。También puedes activar snippets desde el editor escribiendocmd + espacio(OSX) octrl + espacio(Windows、Linux)。

2017最佳VS Code扩展:Shopify Liquid代码片段

3.de HTML片段

HTML片段中文翻译:中文翻译:中文翻译:中文翻译:中文翻译:中文翻译:中文翻译:中文翻译:中文翻译:información rápida y descripciones que incluyen si una etiquette está en desuso。

4.Espacios最后

de La扩展尾随的空格我的名字叫“印度”,我的名字叫“印度”,我的名字叫“印度”,我的名字叫“印度”。Esta extensión是庄严的文本尾随空间的流行补充,y ofresce la eliminación rápida de espacios finales, recortar al guardar y más。

2017最佳VS Code扩展:尾随空格

5.Línea在档案馆的最后

文件末尾空行Es una extensión mínima y súper简单的协议una línea在白色的地方和最后的档案馆瓜尔达多。

最佳VS Code扩展2017:文件末尾空行

细枝碎叶

重要的是始终如一,有一定比例的人始终如一的人建立了自己的国家prácticas建立了自己的国家。我们的革命también我们的革命,我们的革命,我们的革命,我们的革命,我们的革命,我们的革命。vscode tiene many idiomas兼容listo para usar, lo que important que no se have have have as extensiones para mejorar esa experience。

6.液体脂肪瘤

de La扩展液体液体usando VS Code。我的意思是:“我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思是:我的意思。Esta extensión agrega el resalalado de sintaxis para Liquid actúa como sororte para la extensión de fragmentos de códigoShopify液体片段

2017年最佳VS Code扩展:支持液体语言

7.Stylelint

Stylelintes una extensión que combina CSS, SCSS y Less。Puedes controlar si stylelint está activado para different idiomas o no, dependdiendo de cómo desees configurar tus ajustes。

2017最佳VS Code扩展:stylelint

8.ESLint

问好扩展ESLint instalado en tu computadora:本地的还是全局的。Puedes hacer to con npm ejecutandoNPM安装-g eslint.海的配置指示configuración e instalación más detalladas en la página del mercado de extensiones。

9.TSlint

TSLint类似的la extensión前面,你的要求,你的tengas instalado TSLint本地的en un proyecto o globalmente en tu computadora。Esta extensión integra el linter TSLint para lenguaje TypeScript zv Code。

属因雷索斯庄园,lo que amas。

我们的购物计划是世界的伙伴,我们的伙伴,我们的伙伴,我们的伙伴。Con más de 800.000商业机会,机会之子。

Obten mas给

Integracion con Git

La integración de终端viene automáticamente con VS代码,lo que facilita La confirmación de cambios sin tener que abandonar el editor。我们的意大利菜+ 'para abrir el终端整合的尽头Código VS.有必要的东西,有必要的东西,有必要的东西,有新的东西código, y qué有必要的东西,有新的东西。Aquí hay una extensión que ayuda a integrar Git aún más en VS Code。

10.Git镜头

La扩展Git镜头es realmente sorprenente, te permite visualizar la autoría del código dentro de VS Code。普德斯·纳维加尔档案馆的历史探索git责备行Para cada línea de archive e incluso agregar una anotación de cambios (diff), y todos son totalmente个性化。

最佳VS Code扩展2017:Git镜头

También te puede interesar:Usa Git para simplificar la implementación del tema de Shopify

Mejoras del编辑器

Estas mejoras del editor agilizan la depuración, la escritura y la lecture del código。阿尤丹en tu programación diaria,雅海buscando a través de un método que alguien más你有你的escrito u获得的sugerencias的名字的名字的clesle como的marcado de escritura。

11.道路智能感知

La扩展道路智能感知阿生达档案系统的自动完成者súper útil档案系统的管理和管理,档案系统的管理和管理。

2017最佳VS Code扩展:路径智能感知

12.智能感知para nombres de clase CSS

La extensión de nombres de claseCSS类名的智能感知阿田一个完整的automáticamente los nombres de领导班级para el atributo de clase HTML miranda las definiciones de clase CSS en tu espacio de trabajo y los archivos externos los que se hace referencia través del elemento de捆扎

13.CSS偷看

CSS高峰amplía las plantillas HTML y JavaScript incrustadas con compatibilidad con去定义para classes CSS e que se encuentren en tu marcado。

最佳VS Code扩展2017:CSS峰值

14.guia

La扩展指南阿格雷加guías de sangría adicionales a tu编辑。我们的不同之处guías de sangría公司合并guías de sangría活动的东西,fondos de sangría,我们的颜色和风格都是个性化的。

最佳VS Code扩展2017:指南

15.Depurador对位铬

La扩展调试器对铬agrega el depurador para navegador谷歌Chrome a tu editor。我爱你,我爱你,我爱你,我爱你,我爱你,我爱你。Al usar el parámetrourl, le dadar VS Code con qué URL abrir o iniciar en Chrome。

16.Anotacion instantanea

La扩展即时减价允许编辑文件anotación en Código与我的未来的前景,在导航的瞬间。Es muy útil para editar archivos Léeme y otros documenttosescritos en减价

2017年最佳VS Code扩展:即时降价

También te puede interesar:¿Qué es液体,el lenguaje para la creación de plantillas en Shopify?

17.Abrir en el navegador

问好扩展hace exactamente lo que dice, te permite ver un archiivo en el navegador。Abre páginas HTML en tu navegador predeterminado, pero también puedes seleccionar "abrir en otros navegadores" para abrir en en uno diente haaciendo clic con el botón derecho。

特马y转移

所有的事都是不可能的,para VS Code, que puedes encontrar en elsittio web de temas de VS Code.Además,颜色编辑器。Aquí《美国法典》的内容延伸和内容特别普及。

18.彩虹括号

' Agrega un toque de diversión a tu editor con彩虹括号Esta extensión比例,los colorores del arco iris para paréntesis, corchetes y laves。'特别útil para programadores de JavaScript!

2017最佳VS Code扩展:彩虹括号

19.缩进的彩虹

La扩展缩进的彩虹颜色sangría用不同的颜色,用不同的颜色。

20.Temas inspirados en Atom

Para muchos desarrolladores, VS Code no es su primer editor。Han usado y se Han acostumbrado a otro editor antes。有可能的人在razón我们的人在那里,我们的人在那里más我们的人在那里,我们的人在那里。他aquí tres de los temas más populares para VS Code, provenientes de Atom:

Empecemos:

VS《国家图书馆扩展规则》第20条扩展原则和建议《国家图书馆扩展规则》第20条扩展原则和建议increíbles aquí重要的记录,我们的herramientas siempre deberían功能para ti, no al revés。

¿Todavía no eres un Shopify Partner?

有机会,有机会,有机会,有机会,有机会,有机会,有机会,有机会,有机会,有机会,有机会,有机会。Únete我们有一个共同的国家,我们有共同的国家,我们有一个共同的国家。

Registrarme

Acerca del奥特

蒂芙尼蒂凡尼líder de promoción de desarrolladores enShopify.Se especaliza en desarrollo de interfaz de usuario, diseño de experience encia de usuario, accesibilidad, y le apasiona inspirar a jóvenes diseñadores y desarrolladores。前面,fue Líder del Capítulo de渥太华para el Código deAprendizaje de códigos para damasy trabajó como Desarrolladora de interfaz de usuario en Shopify。

Mapa de属于: