前端工具
关注
分享
扫一扫
文章平均质量分 73
音韵者天-waker
关注web开发，专注前端开发
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack（二）配置
webpack项目配置之前已经安装过webpack全局环境，下面结合项目看一下打包过程。 首先创建一个静态页面 index.html 和一个 JS 入口文件 entry.js：<!-- index.html --> <html> <head> <meta charset="utf-8"> </head> <body> <script src="bundle.js"></script> </原创 2016-08-04 01:42:28 · 895 阅读 · 0 评论 -
webpack（一）安装
webpack?webpack是一个模块打包器，它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。打包核心原理：分块传输，按需进行懒加载，在实际用到某些模块的时候再增量更新，才是较为合理的模块加载方案。要实现模块的按需加载，就需要一个对整个代码库中的模块进行静态分析、编译打包的过程、分析出各个模块的类型和它们依赖关系，然后将不同类型的模块提交给适配的加载器来处理。比原创 2016-08-04 01:10:28 · 6959 阅读 · 0 评论 -
webpack（三）本地服务器环境配置
webpack配置文件之前是依赖全局环境下的打包过程，下面将 webpack 安装到项目的依赖中，这样就可以使用项目本地版本的 webpack 首先创建package.json文件： npm init自动生成后如下： { "name": "webpack-package.json", "version": "1.0.0", "description": "", "main": "bu原创 2016-08-04 02:43:03 · 13493 阅读 · 2 评论 -
webpack（四）本地服务器环境配置
配置内置环境启动webpack内置环境以后每次修改都会自动打包，在这一步将配置浏览器的自动刷新，让其更加自动化。 修改package.json 的 scripts 部分 { "scripts": { "build": "webpack", "dev": "webpack-dev-server --devtool eval --progress --colors --hot --c转载 2016-08-04 11:07:14 · 8013 阅读 · 0 评论 -
Sublime Text3 和Atom相关插件的安装和使用
一、Sublime Text3安装preap主题Sublime Text3作为前端开发的神器，一直备受fer的青睐。下面给Sublime Text3安装preap主题来替换默认主题。 先上图：安装 通过Package Control安装，先安装Package 然后再搜索preap直接安装。或者直接下载安装包https://github.com/equinusocio/preap/releases/翻译 2016-08-11 10:48:27 · 1846 阅读 · 0 评论 -
visual studio的安装和使用
由于近期要与服务端C#进行配合，所以对.net的一些东西也提前了解了一些。当然作为前端不会去关注后端语言本身，但是为了更好的配合对一些开发环境包括编码、编译、发布以及版本控制肯定是需要很熟悉的。然后发现微软已经搞定了一切，那就是visual studio。visual studio ？（以下简称vs）VS是一个基本完整的开发工具集，它包括了整个软件生命周期中所需要的大部分工具，如UML工具、代码管控原创 2017-05-22 02:02:36 · 3218 阅读 · 0 评论 -
手机访问本地项目实现远程调试的几种办法
一、在服务器环境下通过IP访问 首先搭建一个服务器环境或者下载现成的程序集成包（比如phpstudy、jspstudy等）。 确保服务器和手机连接在同一网段。如果是笔记本的话，手机和笔记本直接连接在同一wifi下，如果是台式机，则需要插入无线网卡或者其他的无线措施确保两个在同一网段下。 通过本机IP+端口访问需要测试的项目。 二、liveStyle liveStyle是个提供“样式实时预览”插件，在原创 2016-09-07 15:31:44 · 6362 阅读 · 0 评论