`
gybin
  • 浏览: 268982 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

WebStorm 开发

    博客分类:
  • web
 
阅读更多

1. WebStorm  修改字体 和 配色,修改 KeyMap选择 Eclipse

2. 调试JavaScript

 安装Nodejs.exe.  从File-setting里面配置Node.exe 路径。

 

3. 从Git上下载

WebStrome 自带 Git插件,只需要下载Git安装在C盘即可。

VCS-- import From Git。

4. 下载插件

File- setting -plugin. 搜索插件,并安装,

5. node.js智能提示。

File-Settring -javaScript- library- - downloading- 下载nodeJs.  Globle.

6. express 智能提示

7. angular智能提示

8. BootStrap 智能提示

9. 文件重命名 无法使用 F2, 需要右键 , Refactor-- reName.

10. emmet 使用, 使用Tab 自动补全 如: div.name+ Tab . 变为 <div class=" name"></div>

http://www.w3cplus.com/tools/emmet-cheat-sheet.html

新创建的HTml页面Emmet不会启用 只有!指令有效,只有新增一个Div后 才能使用。

11. BootStrap的使用。要使用BootStrap的 Class提示,要在开头引入 BootStrap CSS 文件。 要使用一些打data-* 功能,需要引入 JQuery.js 和BootStrap.js 脚本,JQuery要在 BootStrap之前,因为后者引用前者方法。

 

12

 

分享到:
评论

相关推荐

    使用webstorm开发nodejs中文WORD版

    资源名称:使用webstorm开发nodejs 中文WORD版内容简介:本文档主要讲述的是使用webstorm开发nodejs;希望对大家会有帮助;感兴趣的朋友可以过来看看资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学...

    webstorm开发微信小程序代码提醒(webstorm开发工具)

    下边我们介绍下webstorm来开发微信小程序的一些配置:   1.首先FileType下Cascading Style Sheet 添加*.wxss (此图片来源于网络,如有侵权,请联系删除! )   2.FileType下HTML 添加*.wxml (此图片来源于网络,如有...

    HTML+JavaScript+CSS+WebStorm开发技巧

    HTML+JavaScript+CSS+WebStorm开发技巧

    用webstorm开发的element-ui+vue.js的一个前端管理系统,mock模拟数据

    这是一个关于使用WebStorm开发的前端管理系统项目,主要技术栈为Element-UI和Vue.js,并结合Mock数据进行模拟后端交互。下面将详细讲解这个项目的关键知识点。 1. **Vue.js**: Vue.js是一个轻量级的前端...

    使用webstorm开发nodejs.pdf

    在使用WebStorm开发Node.js应用时,我们常常会利用Express框架构建MVC(Model-View-Controller)架构的Web应用程序。Express是一个轻量级且灵活的Node.js Web应用框架,它提供了一系列强大的特性来帮助开发者快速...

    谷歌浏览器 webstorm 网页开发调试插件

    谷歌浏览器的WebStorm网页开发调试插件,全称为"JetBrains IDE Support",是由知名软件开发公司JetBrains推出的一款高效工具。这款插件专为提升前端开发者的工作效率而设计,尤其适用于那些使用WebStorm作为主要集成...

    WebStorm开发工具常用设置

    WebStorm是一款专为Web开发设计的强大集成开发环境(IDE),由JetBrains公司开发。它提供了丰富的功能,包括代码高亮、自动完成、错误检查、版本控制集成、单元测试支持等,极大地提升了JavaScript、HTML、CSS以及...

    使用webstorm开发nodejs

    在这个MVC模式中主要用到了express的route功能和ejs的模版机制。在models模块中定义一些模型模块如User,Post等,这些类似与java中的Pojo或者Entity类。定义了模型的一些属性和方法。这些属性与数据库的字段相对应。...

    webstorm中react-native插件

    windows使用方法:file -&gt; import settings -&gt; ReactNative.jar

    WebStorm-2017.3.2

    WebStorm是JetBrains公司开发的一款专业级的Web前端开发集成环境,被誉为“Web前端开发神器”。这款强大的工具专为HTML5、JavaScript、CSS、TypeScript、Angular、React、Vue.js等现代Web技术量身定制,提供了丰富的...

    在webstorm开发微信小程序之使用阿里自定义字体图标的方法

    以上所述是小编给大家介绍的在webstorm开发微信小程序之使用阿里自定义字体图标 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!

    webstorm开发工具

    适用于网页开发

    webstorm linux5上安装失败

    在尝试于 Linux5 系统上安装 JetBrains 的 WebStorm 开发工具时遇到了安装失败的问题,错误提示为:“No JDK found. Please validate either WEBIDE_JDK, JDK_HOME or JAVA_HOME environment variable points to ...

    Intellij平台WebStormRubyMineIntellij等的Vuejs支持插件

    在IntelliJ平台上的WebStorm、RubyMine以及IntelliJ IDEA等专业IDE中,为了更好地支持Vue.js的开发,有专门的Vue.js插件可以安装。这些插件不仅提供了代码高亮、自动完成、错误检查等功能,还为Vue组件的开发提供了...

    Webstorm开发工具使用教程详解

    主要为大家详细介绍了Webstorm使用教程的使用教程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    webstorm,phpstorm,intellij idea小程序代码高亮插件

    使用webstorm开发小程序wxml代码高亮提示。webstorm,phpstorm,intellij idea都可使用,小程序代码高亮插件

    Webstorm+Nodejs+MongoDB的博客管理系统

    Webstorm+Nodejs+MongoDB的博客管理系统,使用Webstorm开发工具,编写js代码及前端html代码,连接MongoDB数据库进行数据交互,下载该代码文档,配置相应环境运行,将在浏览器上给你呈现出一个完整的博客管理系统!...

    详解Webstorm 下的Angular2.0开发之路(图文)

    Webstorm是流行的集成开发环境(IDE),适用于开发Angular项目。Angular是一种开源的前端JavaScript...通过图文结合的方式,为Angular2.0开发者提供了一套完整的Webstorm开发指南,对提高开发效率和项目质量有重要帮助。

    毕业设计,基于SpringBoot+Vue+MySql开发的前后端分离的人力资源管理系统,内含Java完整源代码,数据库脚本

    开发软件: WebStorm 开发环境:Springboot + Vue + mysql数据库 系统有2个身份:管理员和员工。员工登录系统后可以查看系统新闻公告,查看公司待办事件,员工主要是进行各种申请包括请假申请、加班申请、出差申请、...

    毕业设计,基于Vue+NodeJS+MongoDb开发的超市后台商品订单管理系统,内含NodeJS完整源代码,数据库脚本

    开发软件: WebStorm 开发环境:Nodejs + vue + express + mongodb数据库 + mysql数据库 主要技术栈:Vue,Element-UI,Node,Express,Axios 目录介绍: client 目录是用Vue、Element-UI、Axios写的客户端,主要是把...

Global site tag (gtag.js) - Google Analytics