Vscode已经越来受到广大程序员的青睐,兼容众多开发语言,插件众多。自己是程序小白,大家多批评指正!最近在学习extjs前端开发,总感觉extjs找不到合适的开发工具,偶然发现node-js开发使用的vscode,同样是js语言。下面谈谈自己最近的extjs学习过程。首先,弄清楚extjs是干啥的,之前自己使用Delphi开发桌面程序,后来业务需求转变,转为开发web程序,总想找一款合适的拖来就用开发方式的框架。其次,找一款适合自己的开发工具,自己在学习过程中,找到了vscode。不多废话,开整; 第一步:下载和安装好vscode(vscode开源免费,这很重要,你懂得!); 第二步:安装extjs插件, 第三步:安装好插件后,你需要重启一下。然后在打开一个文件夹,本文是vscode-ext文件夹,然后右键单击,可以看到 第四步:单击NewExtJsApp,按照提示步骤进行创建ext框架程序。 注意:在提示的步骤中有一项是选择extjs框架文件(提前下载extjs程序文件,可以下载GPL版本),指定文件路径即可。 第五步:按照第四步完成后会加载web程序框架文件,稍等片刻, 第六步:生成的web程序框架 程序中主要包含内容: 第七步:想要运行一下生成的web程序,可以把文件夹放到Web服务器下,来测试刚生成的应用程序。如果,一时找不到IIS或其他Web服务器,也可以使用Sencha Cmd的Web服务器功能来测试。在命令提示符窗口中输入以下命令: sencha fs web -port 8000 start -map (myapp的路径) 在命令中,port选项的作用是定义访问端口,这里将使用8000作为端口,而map选项是用来指定Web的访问目录的。 命令执行后,会在命令提示符窗口看到以下输出:
从输出中可以看到,Web服务已经启动,启动的端口为8000,地址http://localhost:8000/已经映射到myapp文件夹了。现在可以通过http://localhost:8000/来访问应用程序了。 最后:在浏览器中打开http://localhost:8000/ 至于怎么利用生成的框架进行开发,待续…