visual studio制作网站模板的的步骤

工欲善其事,必先利其器,一款好的开发工具可以让我们效率提高很多,前端开发工具很多,visual studio、Dreamweaver、sublime、webstorm、notepad++都可以用于前端开发。

但是在制作PageAdmin模板时候我们建议大家还是用visual studio,visual studio堪称宇宙最强IDE,没有之一,安装时候建议安装2017或以上版本。

visual studio默认支持razo语法,并能智能提示pageadmin的模板语法,可以让模板制作效率更高,下面简单介绍一下使用方法。

1、打开VS后,找到文件,打开,网站,如下图。

1.png

2、找到PageAdmin 4的解压目录,如下图:

1.png

3、确定后vs右侧出现网站目录,如果没有出现右侧目录,点击顶部窗口菜单>重置窗口布局。

1.png

4、打开或新建任意一个.cshtml文件后,打开文件编辑,默认高亮支持razor语法,如下图:

1.png

vs不仅支持html,js,css或jquery的智能提示,还支持pageadmin模板语法的智能提示,如下图,输入Html.col后就会出现相关的调用语法,如下图:

1.jpg

做模板时候不需要记住pageAdmin所有的模板语法,小编我自己也不完全记得,但是知道其中一个关键词,然后通过智能提示来获取,不用死记硬背,省事。