vscode 安装 three.js 插件,实现自动补全功能

JavaScript011

vscode 安装 three.js 插件,实现自动补全功能,第1张

使用vscode编辑工具,安装three自动补全插件。

1、确定你安装了node;

2、在终端输入如下命令,安装插件;

3、插件安装完成后,在js文件同级建立文件jsconfig.json空文件

4、js文件就可以自动补全啦。

附:

我安装完的目录

自动补全的样子:

jquery ui 有一个autocomplete的插件,可以实现这个功能 在后台传一个 json格式的数组数据过来。JS如下:

$(function() {

var cache = {}

function split( val ) {

return val.split( /,\s*/ )

}

function extractLast( term ) {

return split( term ).pop()

}

$( "#tags" )

// don't navigate away from the field on tab when selecting an item

.bind( "keydown", function( event ) {

if ( event.keyCode === $.ui.keyCode.TAB &&

$( this ).data( "ui-autocomplete" ).menu.active ) {

event.preventDefault()

}

})

.autocomplete({

minLength: 1,

source: function (request, response) {

var term = request.term

if ( term in cache ) {

response( cache[ term ] )

return

}

$.ajax({

type: "POST",

url: mlog.variable.base+"/admin/post/autocomplete?keyword=" + extractLast( request.term ) ,

contentType: "application/jsoncharset=utf-8",

dataType: "json",

success: function (data) {

cache[ term ] = $.map(data, function(item){

return item.name

})

response( $.ui.autocomplete.filter(

$.map(data, function(item){

return item.name

}), extractLast( request.term ) ) )

},

error: function () {

alert("补全失败")

}

})

},

focus: function() {

// prevent value inserted on focus

return false

},

select: function( event, ui ) {

var terms = split( this.value )

terms.pop()

terms.push( ui.item.value )

terms.push( "" )

this.value = terms.join( ", " )

return false

}

})

})

asp、js补齐本身就是Sublime Text自带的功能,哪需要插件,估计你是没弄懂怎么用。

运行ST >新建个文件 >ST右下角有排文字,默认一般应该是Plain Text >点这排字展开选择语言菜单 >在菜单里面选中 javascript

进去输点js关键字试试..

ST的 编辑 菜单下也有自动完成这个选项,我3.0是倒数第4个选项,可以自己设个快捷键。

貌似很多语言的自动完成有些关键字不都全,差些关键字,你可以自行配置一下,ST高度可配置很强大的...