online - llamar javascript desde html

¿Complementos de Vim recomendados para la codificación de JavaScript?

Question

Soy nuevo en JS & Vim. ¿Qué complementos me ayudarían a escribir el código Javascript?

Answer 1

Comprobación de sintaxis / salpicadura

Existe una forma muy sencilla de integrar JSLint o el jshint.com impulsado por la comunidad (que es mucho mejor IMO) con Vim usando el plugin Syntastic Vim. Ver mi otra publicación para más información.

Navegación con código fuente / Lista de etiquetas

También hay una manera muy ordenada de agregar etiquetas con el DoctorJS de Mozilla (anteriormente jsctags ), que también se usa en el editor en línea Ace de IDE Cloud9 .

1. Instale los siguientes paquetes usando su gestor de paquetes favorito ( apt-get Ubuntu, brew casero de Mac, etc.):
   1. exuberant-ctags
      • NOTA: Después de la instalación, asegúrese de que las ctags ejecución realmente ejecutan ctags exuberant-ctags y no los ctags preinstalados del sistema ctags . Puede averiguar ejecutando ctags --version .
   2. node (Node.js)
2. DoctorJS de github: git clone https://github.com/mozilla/doctorjs.git
3. Acceda a DoctorJS dir y make install (también necesitará la aplicación make instalada, pero esto es muy básico).
   • Hay algunos errores con la instalación del complemento, make install no funciona por el momento. Por ahora solo agrego el bin/ dir del repositorio a mi $ PATH en su lugar. Consulta el GitHub de DoctorJS y publica páginas para obtener más información.
4. Instale el complemento TagBar Vim ( NOTA: ¡ Es TagBar, no el infame TagList!).
5. LUCRO. :)

Nuevo proyecto - Tern.js

DoctorJS actualmente está muerto . Hay un nuevo proyecto prometedor llamado tern.js Actualmente se encuentra en la versión beta inicial, y eventualmente debería reemplazarlo.

Hay un proyecto ramitos/jsctags que utiliza el charrán como motor. Simplemente npm install -g it, y la barra de etiquetas lo usará automáticamente para los archivos javascript.

Answer 2

Este complemento también es útil: https://github.com/maksimr/vim-jsbeautify . Proporciona autoformato completo para javascript. Una pulsación de tecla, y su código se ve hermoso. También puede ser útil al pegar fragmentos de código. Hace uso del popular js-beautifier, que también se puede encontrar como una aplicación en línea. El último se puede encontrar aquí: http://jsbeautifier.org/ .

Answer 3

Para corregir sangrías y autoformato (Ctrl =): sangría de JavaScript

Para establecer el ancho de sangría, agregue el archivo javascript.vim en ~ / .vim / ftplugin dir con los siguientes contenidos (para dos sangrías de espacio):

 setl sw=2 sts=2 et

Answer 4

Solo uso un plugin específico de js js - jslint.vim - https://github.com/hallettj/jslint.vim que valida su código con reglas de jslints y le da también errores de sintaxis.

Answer 5

snipMate emula el sistema de inserción de TextMate y viene con un montón de fragmentos JS útiles (entre otros) de forma predeterminada. Es extremadamente fácil agregar el tuyo.

javaScriptLint permite validar su código contra jsl.

También puede encontrar una variedad de archivos de sintaxis de JavaScript en vim.org. Pruébalos y mira cuál funciona mejor para ti y tu estilo de codificación.

El nativo omnicompleto ( ctrl x - ctrl o ) funciona muy bien para mí. Puede hacerlo más dinámico con autoComplPop , pero a veces puede ser molesto.

editar, en respuesta al comentario de tarek11011:

acp no funciona para JavaScript de forma predeterminada, tiene que modificarlo un poco. Así es como lo hice (dirty hack, todavía soy un novato de Vim):

En vim-autocomplpop / plugin / acp.vim he agregado php y javascript (y actionscript ) a behavs para que se vea así:

let behavs = {
    /   ''*''            : [],
    /   ''ruby''         : [],
    /   ''python''       : [],
    /   ''perl''         : [],
    /   ''xml''          : [],
    /   ''html''         : [],
    /   ''xhtml''        : [],
    /   ''css''          : [],
    /   ''javascript''   : [],
    /   ''actionscript'' : [],
    /   ''php''          : [],
    / }

Un poco más abajo, hay una serie de bloques de código que se ven así:

"---------------------------------------------------------------------------
call add(behavs.ruby, {
    /   ''command'' : "/<C-x>/<C-o>",
    /   ''meets''   : ''acp#meetsForRubyOmni'',
    /   ''repeat''  : 0,
    / })

He duplicado este y lo he editado un poco para que se vea así:

"---------------------------------------------------------------------------
call add(behavs.javascript, {
    /   ''command'' : "/<C-x>/<C-o>",
    /   ''meets''   : ''acp#meetsForRubyOmni'',
    /   ''repeat''  : 0,
    / })

e hizo lo mismo para actionscript y php.

Si desea editar JS / CSS dentro de un documento HTML, puede: establecer ft = html.css.javascript en la línea de comando de Vim para hacer que ctrl x - ctrl o funcione como se espera en los nombres de método / propiedades en bloques JS y propiedades / valores en bloques CSS Sin embargo, este enfoque también tiene sus inconvenientes (sangría extraña ...).