00:00
好的,我们继续啊,那这节课呢,我给大家说一下啊,用我们平时的IDE啊,如何去开发我们的小程序啊,其实很简单,大家看啊,我现在打开的呢是web storm啊,我呢先给大家说啊,Web storm如何去开发我们的小程序,那首先呢,我已经用web STEM呢去打开了对应的项目,那这个呢很简单对吧,直接导入就好,OK好导入了以后呢,在这里我们需要注意啊一些点,首先我打开这个页面里面的文件啊,大家看这两个,那现在的web STEM呢,把微信ma呢当做是HTML解析了。把微信SS呢当做是CSS解析了,那这个呢,是他上来就能做到的吗?啊并不是啊,那用web storm去写的话呢,注意我们需要去设置一下啊,那在我们的file里面啊setting。打开我们的设置,那这里呢,有一个field type叫文件类型,首先呢,我们需要找到我们的样式表啊,选中它。
01:04
那这个时候大家往下看。那其实默认的啊,它只有一个新点CSS,就是说所有以点CSS结尾的文件呢,我会当做是样式表去解析,而下边这个新点微信SS呢,是我添加进来的啊,默认是没有的,那这个时候大家看啊,右侧这有个加减号,加呢就是可以添加一下,解呢就是你可以删除选中的这一项。我先删掉它啊,大家看一下,如果说我们没有设置的话,你看一下你的样式,它只会当做是普通的TXT去读,那这样的话呢,你会发现里面这些呢,都是黑色的啊,那这个呢,没有高亮是很很难受的,所以啊,我们需要设置一下来,呃,打开我们的setting啊,Time,找到我们的样式表啊,那这个时候呢,我们点击一个加号,这标一个新点。
02:00
微信SS1回车啊,就是说告诉web所有1.c呃,点微信ma呃,微信SS结尾的文件呢,都当做是CSS去解析。同样的啊,我们还需要找到HTML里面呢,再添加一个新点微信ma,诶添加进来以后呢,点击一个OK就可以了,那这样的话呢,打卡呢,对应的样式高亮的,而且这个图标呢也能显示出来。啊,那这是这个也比较简单啊,比较简单好以上呢是如何用web去开发我们的小程序,那么剩下的呢,写法啊,跟剩下的用法呢,跟我们平时一模一样啊,那么接下来呢,找到我们这个空呢,我右键给大家通过什么呀,通过Vs code去打开。嗯,稍等。嗯,好的,那现在呢,我是在用我的Vs code呢,打开了我们的项目啊,打开了我们的项目,那Vs code呢上来其实这些呢都可以去,呃,你看啊,现在呢,我去打开这个他上来有高亮啊有高亮,那这个时候呢,如果说有的小伙伴没有高亮的怎么办呢。
03:19
啊,我们可以呢,在呃,在下边啊。嗯,稍等啊,在这个里面安装一下我们的插件啊,这里呢,你可以去搜啊,你比如说微信。注意看这,你们就拿这个来看。哎,微信嘛,那这个呢,是用于它是一个插件对不对,用于去高亮显示我们的组件,那下边呢都有实例,那这个呢,是我装过的啊,如果说有的小伙伴上来说微信ma这个不高量显示呢,你可以去搜一个插件。啊很方便啊,Vs code呢,这一点呢,确实就是它的插件比较多,对不对啊,微信SS呢也是一个道理,你看啊在这个里面呢,你也可以去搜一下它对应的这个好用的插件,哎,你觉得还挺好用的,那这个时候呢,大家就可以点击一下这个in install,哎就是安装,安装好了以后呢,我们就可以用Vs code啊愉快的去开发了。
04:19
好的,以上呢,就是我们啊前端常用的一些工具啊,一个是Vs code啊,一个是web啊两种啊如何去开发我们的小程序啊,那到时候呢,就看大家喜欢哪个就用哪个好,那这节课呢,主要是给大家讲一下如何用我们平时的IDE去开发我们的小程序,好,那这节课呢,先讲到这里。
我来说两句