关键词：
为了让自己更像一个前端project师，决定从开发环境開始武装自己。
本文将介绍前段project师开发的一些利器的安装步骤，主要包含了：
1.Node.js的安装
2.Grunt的安装及经常使用插件
3.Sublime Text的安装及必备插件
一.Node.js的安装
Node.js就是一堆前端project师捧红的，所以装上这个嘛，主要不是自己须要使用Node.js而是一堆工具对他的依赖。
Windows下安装步骤非常easy：
1.去到http://nodejs.org/下载最新的安装包，安装。
2.在CMD下执行。node和npm看看是否能执行成功，假设不行就检查下PATH的设置。
3.有个很好用的东西值得全局安装anywhere，能够在不论什么文件夹启动一个web服务，手机调试页面必备。
二.Grunt的安装
Grunt是眼下用的比較多的构建工具，写Java的都知道Maven，这玩意儿就是Javascript界的Maven。
里面有各种插件很有用。
1.在CMD下执行：npm install -g grunt-cli
2.试下能不能在CMD下执行：grunt。可能会报错，没关系由于没有配置文件。
正常的一个项目构建的流程一般是先在代码根文件夹以下。创建了package.json和Gruntfile.js，之后先执行npm install然后再执行grunt就能够完毕项目的构建了。
以下介绍一些前端经常使用的Grunt插件：
grunt-cli 这个就是命令行
grunt-contrib-clean 这个用于build前的清理工作
grunt-contrib-concat 这个用于拼接文件
grunt-contrib-copy 这个用于复制文件
grunt-contrib-cssmin 这个用于压缩css
grunt-contrib-uglify 这个用于压缩js
grunt-contrib-htmlmin 这个用于压缩html
能够看下我的开源项目Tiny-Alert基本上展示了一个最简单的配置。https://coding.net/u/shootyou/p/Tiny-Alert/git
三.Sublime Text的安装及必备插件
没用Sublime之前以为这黑不拉几的玩意儿有啥好玩的。自己用了才知道，这玩意儿真不是用来装逼的，用熟了至少提高前端project师一倍的效率，写程序那叫一个快。
1.安装Sublime Text 3: http://www.sublimetext.com/3
2.破解什么的自行补脑
3.安装package control
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())打开sublime text 3。按ctrl+`或者菜单View > Show Console打开命令窗体，粘贴以上代码并回车就可以。
然后就開始幸福生活了，Ctrl+Shift+P唤起。这个玩意儿是万能的，你想要啥都在这输入下即可了。输入：Install，选择Install Package，然后输入以下插件的名字搜索即可了。
必备插件：
AutoFileName：自己主动补全文件名称
Emmet：神器啊，花10分钟学学语法，让你提升10倍编码速度：http://blog.wpjam.com/m/emmet-grammar/
Go-To-Css-Declaration：跳转到css的定义处
JsFormat：格式化js代码
Tag：貌似是能够补全和格式化html标签
Themr：主题选择
Autoprefixer：自己主动加入浏览器兼容前缀
CodeFormatter：代码格式化
ConvertToUTF8：解决中文编码问题
SublimeLinter：代码提示高亮
Terminal：唤起终端控制台
架构师养成记--2脏读
在我们设计程序的时候要考虑问题的整体，不然很容易出现脏读，看示例1/**2*业务整体需要使用完整的synchronized，保持业务的原子性。3*@authoralienware4*5*/6publicclassDirtyRead{78privateStringusername="bjsxt";9privateStringpassword="123";1011publicsynchro... 查看详情
架构师养成记--5.线程之间的通信
用wait和notify来实现线程之间的通信，这两个方法是object方法，这两个方法必须要配合synchronized使用。wait方法释放锁，notify不释放锁。原始线程通信方式1importjava.util.ArrayList;2importjava.util.List;34publicclassListAdd1{567privatevolatilestaticListl... 查看详情
架构师养成记--10.master-worker模式
master-worker模式是一种并行计算模式，分为master进程和worker进程两个部分，master是担任总管角色，worker才是执行具体任务的地方。 总体流程应该是这样的：具体一点，代码实现流程应该是这样的： 查看详情
架构师养成记--3.synchronized细节问题
一、synchronized有锁重入的特点，某个线程得到对象的锁后，再次请求此对象可以再次得到改对象的锁。如下示例，在method1中调用method2，在method2中调用method3，而method1、method2和method3都是加了synchronized关键字的。1/**2*synchronized的... 查看详情
架构师养成记--15.disruptor并发框架
一、概述disruptor对于处理并发任务很擅长，曾有人测过，一个线程里1s内可以处理六百万个订单，性能相当感人。这个框架的结构大概是：数据生产端-->缓存-->消费端缓存中的数据是主动发给消费端的，而不是像一般的生产... 查看详情
架构师养成记--6.单例和多线程threadlocal
一、ThreadLocal使用wait/notify方式实现的线程安全，性能将受到很大影响。解决方案是用空间换时间，不用锁也能实现线程安全。来看一个小例子，在线程内的set、get就是threadLocal1publicclassConnThreadLocal{23publicstaticThreadLocal<String>th... 查看详情
架构师养成记--26.vi/vim相关操作
vi/vim命令模式插入模式aio编辑模式:aio就是vi/vim的插入模式命令 作用a 在光标后附加文本A 在本行末附加文本i 在光标钱插入文本I&nbs 查看详情
架构师成长记:在腾讯云centos7.x上部署项目环境及mariadb搭建(这个是7.6-64)(代码片段)
...lla)上传jdk到某目录,如下3.安装Tomcat-部署第一台Tomcat(用于前端项目)4.安装Tomcat-部署第二台Tomcat(用于后端项目)5.配置安全组(安全组就类似于防火墙的概念)6.安装MariaDB数据库(这里使用离线安装)依次执行如下命令:安装环境依 查看详情
架构师养成记--14.重入锁reentrantlock和读写锁reentrantreadwritelock
ReentrantLock有嗅探锁定和多路分支等功能，其实就是synchronized，wait，notify的升级。this锁定当前对象不方便，于是就有了用newObject()来作为锁的解决方案，后面jdk干脆就提供了一个Lock类。 伪代码：Locklock=newReentrantLock();//新建一... 查看详情
专访京东孙海波：大牛架构师养成记及电商供应链中区块链技术的应用（转）
http://geek.csdn.net/news/detail/237595编者按：每个人的成长曲线不同，有的人在研究生之时就已有相当知名的产品和框架，从而在接下来的工作中一路顺风顺水，有的人缺需要经历一个又一个的坑才能成长，不管是前者的聪明高效，还... 查看详情
前端怎样成长为一名优秀的前端project师---
...端的工作，时间并不长，说的不好，请见谅。首先，前端project师必须得掌握HTML、CSS和JavaScript。仅仅懂当中一个或两个还不行，你必须对这三门语言都非常熟悉。也不是说必须对这三门语言都非常精通，但你至少要可以运用它们... 查看详情
一个python爬虫工程师学习养成记(代码片段)
...方向实在是太多了，它关系到了计算机网络、编程基础、前端开发、后端开发、App开发与逆向、网络安全、数据库、运维、机器学习、数据分析等各个方向的内容，它像一张大网一样把现在一些主流的技术栈都连接在了一起。正... 查看详情
腾讯犀牛鸟「云开发」校园技术布道师养成计划
...从技术向产品的华丽转身？腾讯犀牛鸟云开发校园布道师养成计划之【大咖线上分享】，邀请京东、腾讯等优秀产品经理和工程师，与大 查看详情
前端project与性能优化（长文）
...4/03/fis-optimize/ 每一个參与过开发企业级web应用的前端project师也许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则。还有两本非常经典的性能优化指导书：《高性能站点建设指南》、《高性能站点建设指南... 查看详情
前端开发环境搭建以及如何跨域
前端本地开发环境搭建总结：安装nodejs环境（推荐6.0以后的LTS版本），安装完之后打开终端（mac平台），windows平台可以WIN+R打开运行，输入cmd，打开命令窗口，输入npm--version，如果能看到版本，说明已经安装成功；在本地电脑的... 查看详情
前端javascript设计模式--搭建开发环境(代码片段)
本章节的主要内容是–搭建开发环境因为所涉及到的知识点包含ES6语法,也为了我们的执行效率更高所以我们搭建一套自己需要的开发环境。如图所示:知识点大纲1.搭建开发环境2.什么是面向对象3.UML类图搭建开发环境1.初始化npm... 查看详情
自己搭建一个记笔记的环境记录（leanote）
...记的软件，偶然看到leanote。竟然还是开源的，还是国人开发的果断mark了。自己在电脑上搭建了一个挺好玩的。可以记录一些不给别人看的小秘密。下面是步骤记录，当然可以到官网上看，都是中文不存在看不懂！。。。。。http... 查看详情
windows环境下vue+webpack前端开发环境搭建(代码片段)
一、开发环境搭建1、前端框架一般依赖node.js，我们首先要安装node.js. 2、由于许多npm的源都在国外的地址，安装起来特别慢，所以我们这里利用淘宝的镜像服务器。安装命令为：npminstall-gcnpm--registry=https://registry.npm.taobao.org之... 查看详情