生活随笔

webstrom 使用技巧合集

最近玩了一下SASS,感觉不错,不过CSS3在不同平台兼容性代码一直是个头痛的问题,手写处理费时费力又容易出错。
曾经一直用sublime text写html和css,这些问题都有相应的插件。用Webstorm写js,但是来回切换编辑器也比较麻烦。
虽然Webstorm内置了css3自动补全功能,当输入user-select时,Webstorm会自动补全:

  1. -webkit-user-select: none;

  2. -moz-user-select: none;

  3. -ms-user-select: none;

  4. user-select: none;

但是很多情况下,这种自动补全并不令人满意,比如当我输入display:flex;时,Webstorm并不会自动补全为:

display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;

关于Autoprefixer

Autoprefixer是一个后处理程序,不象Sass以及Stylus之类的预处理器。它适用于普通的CSS,可以实现css3代码自动补全。也可以轻松跟Sass,LESS及Stylus集成,在CSS编译前或编译后运行。详情见,https://github.com/postcss/autoprefixer

当Autoprefixer添加前缀到你的CSS,还不会忘记修复语法差异。这种方式,CSS是基于最新W3C规范产生:

a {background : linear-gradient(to top, black, white);display : flex}::placeholder {color : #ccc}

编译成:

a {background : -webkit-linear-gradient(bottom, black, white);background : linear-gradient(to top, black, white);display : -webkit-box;display : -webkit-flex;display : -moz-box;display : -ms-flexbox;display : flex}:-ms-input-placeholder {color : #ccc}::-moz-placeholder {color : #ccc}::-webkit-input-placeholder {color : #ccc}::placeholder {color : #ccc}

Autoprefixer 同样会清理过期的前缀,因此下面的代码:

a {-webkit-border-radius : 5px;border-radius : 5px}

编译成:

a {border-radius : 5px}

因为经过Autoprefixer处理,CSS将仅包含实际的浏览器前缀。

具体安装和配置:

所以尝试在Webstorm下搜索autoprefixer插件,无果。那就自己手动配置了一个。首先我考虑配置File Watchers,但是不习惯,原来在sublime text下用autoprefixer都是手动触发的,所以后面我配置了External Tools。

1.首先当然是安装node.js;

(略)

2.安装Autoprefixer,

见https://github.com/postcss/autoprefixer:

sudo npm install autoprefixer -g

要不要加sudo,或者是不是全局安装(-g)那就看你自己的环境了。

npm太慢,我是用淘宝的 NPM 镜像的https://npm.taobao.org/

3.安装postcss-cli

Autoprefixer其实是postcss的插件,见https://github.com/code42day/postcss-cli

sudo npm install postcss-cli -g

4.配置External Tools

打开Webstorm设置,Preferences -> Tools -> External Tools ;点击新增按钮,如图:

769EDD8B-6AF0-4D6B-B73B-DF2DC25FAA1F

填写具体配置,例如我的配置,如图:

0C4975D0-6531-432B-8812-46D56164B817

  1. Program:填入你的postcss-cli 的PATH;

  2. Parameters: -u autoprefixer -o $FileDir$/$FileName$  $FileDir$/$FileName$ ,你可以根据你自己的需要配置,具体参见https://github.com/code42day/postcss-cli

  3. Working directory :$ProjectFileDir$

配置好后,你可以在css,或sass文件中右键,就可以在右键菜单中看到External Tools – autoprefixer,点击搞定,嘎嘎。

5.设置快捷键

右键太麻烦的话,可以设置个快捷键,打开Webstorm设置,Preferences -> Keymap , 搜索External Tools , 配置 autoprefixer即可。 不要和原来的冲突就可以了。

ps:windows下可以直接用autoprefixer的PATH,具体配置

414473-5caba82f3555f590 (1)


windows 找不到autoprefixer.cmd,webstrom无法用执行autoprefixer 这个问题,
可以配置
Program:C:\Users\gaojun-pd\AppData\Roaming\npm\postcss.cmd
Parameters:-u autoprefixer -o $FileDir$\$FileName$ $FileDir$\$FileName$
Working directory :$ProjectFileDir$


很感慨--当时我在imba 聊天之后直接切了出来

我和深圳一家免费oa公司老板的对话。感慨很深。认识约两年 看着他公司越做越好,自己却还是那么屌丝。。


 问你个事情啊焦哥 刚刚公司电话我说想买60个人的版本 我说30人够公司用了 30人版本意思就是oa在线最多30人是吧?
10:51:45
78OA - 秦润(焦岳宏) 2014/9/30 10:51:45

我刚和蒋小姐聊了一下

78OA - 秦润(焦岳宏) 2014/9/30 10:51:55

36台电脑,很容易超过30人

78OA - 秦润(焦岳宏) 2014/9/30 10:52:22

其实后面增加人数的时候,领导再审批购买增加人数,会不开心、

┏.o冰ヤ埗* 2014/9/30 10:52:29

哦哦 好的  那推荐60

78OA - 秦润(焦岳宏) 2014/9/30 10:52:42

第一次60定下来,后面会方便很多

78OA - 秦润(焦岳宏) 2014/9/30 10:52:52

是的,这个事太感谢你了

78OA - 秦润(焦岳宏) 2014/9/30 10:53:02

项目做完了我来找你喝酒

78OA - 秦润(焦岳宏) 2014/9/30 10:53:14



┏.o冰ヤ埗* 2014/9/30 10:53:35

嗯嗯 好的 
10:53:52
78OA - 秦润(焦岳宏) 2014/9/30 10:53:52

其实我给蒋小姐承诺上门实施、培训(管理员、领导、员工)

78OA - 秦润(焦岳宏) 2014/9/30 10:54:10

都培训,我去做一些流程,也教会他们做流程

┏.o冰ヤ埗* 2014/9/30 10:54:27

哦哦 是你亲自来的啊

78OA - 秦润(焦岳宏) 2014/9/30 10:54:30

还帮助配置服务器(云主机)、帮助做服务器的安全设置和配置

78OA - 秦润(焦岳宏) 2014/9/30 10:54:31

是的

78OA - 秦润(焦岳宏) 2014/9/30 10:54:42

朋友介绍的事情,一定得办的好好的

78OA - 秦润(焦岳宏) 2014/9/30 10:54:49

要不然大家不好交代呀

┏.o冰ヤ埗* 2014/9/30 10:55:14

嗯嗯 多谢啦 这家公司去年就要做oa的 

78OA - 秦润(焦岳宏) 2014/9/30 10:55:39

不客气,事情做好第一位 

┏.o冰ヤ埗* 2014/9/30 10:55:47

嗯嗯
10:56:10
78OA - 秦润(焦岳宏) 2014/9/30 10:56:10

我现在也开始接企业的网站建设服务和网络推广服务了

78OA - 秦润(焦岳宏) 2014/9/30 10:56:25

基本上都是15000~15万的项目

78OA - 秦润(焦岳宏) 2014/9/30 10:56:46

其实你做熟了,也可以做这方面的项目

┏.o冰ヤ埗* 2014/9/30 10:56:49

啊 ?那么赚钱?

┏.o冰ヤ埗* 2014/9/30 10:57:03

我做一个都几百块。。

78OA - 秦润(焦岳宏) 2014/9/30 10:57:01

是啊,项目肯定很好赚

78OA - 秦润(焦岳宏) 2014/9/30 10:57:09

关键是要会谈

78OA - 秦润(焦岳宏) 2014/9/30 10:57:19

企业嘛,有时候不是在乎几万块钱

78OA - 秦润(焦岳宏) 2014/9/30 10:57:33

关键是事情是不是很超乎自己的详细

78OA - 秦润(焦岳宏) 2014/9/30 10:57:36

想象

┏.o冰ヤ埗* 2014/9/30 10:58:01

米脱的二次开发看看就能做模板了 然后可以做各种样子的卖

78OA - 秦润(焦岳宏) 2014/9/30 10:58:09

前天去谈了一个网站 23000
10:58:17
78OA - 秦润(焦岳宏) 2014/9/30 10:58:17

昨天去谈了一个 15000

┏.o冰ヤ埗* 2014/9/30 10:58:22

用metinfo么。。

78OA - 秦润(焦岳宏) 2014/9/30 10:58:34

都是弥陀·metinfo

78OA - 秦润(焦岳宏) 2014/9/30 10:58:40

米拓

78OA - 秦润(焦岳宏) 2014/9/30 10:58:51

模板不怎么修改的那种

┏.o冰ヤ埗* 2014/9/30 10:58:59

。。这都可以?

78OA - 秦润(焦岳宏) 2014/9/30 10:59:02

其实企业不在乎我们怎么容易

78OA - 秦润(焦岳宏) 2014/9/30 10:59:12

人家在乎的是我们选的是不是他非常喜欢的

78OA - 秦润(焦岳宏) 2014/9/30 10:59:27

这就是做项目

┏.o冰ヤ埗* 2014/9/30 10:59:31

那要重点企业要什么

78OA - 秦润(焦岳宏) 2014/9/30 10:59:39

要的是方案!!!

78OA - 秦润(焦岳宏) 2014/9/30 10:59:54

我们站在技术角度认为自己做多少,拿多少

78OA - 秦润(焦岳宏) 2014/9/30 11:00:03

人家要的是 一个好的方案
11:00:19
78OA - 秦润(焦岳宏) 2014/9/30 11:00:19

他们最想要的是这个方案能不能有效的满足自己的需要

┏.o冰ヤ埗* 2014/9/30 11:00:25

。。。。我靠我们太low了 就想着怎么实现客户需求

78OA - 秦润(焦岳宏) 2014/9/30 11:00:27

上个月我接了一个SEO得项目

78OA - 秦润(焦岳宏) 2014/9/30 11:00:38

12万

┏.o冰ヤ埗* 2014/9/30 11:00:48

啊??

78OA - 秦润(焦岳宏) 2014/9/30 11:00:54

我就派了一个SEO过去,做了一个很差的网站

78OA - 秦润(焦岳宏) 2014/9/30 11:01:00

但是客户很高兴

┏.o冰ヤ埗* 2014/9/30 11:01:21

有效果么 客户想看到效果啊 

78OA - 秦润(焦岳宏) 2014/9/30 11:01:25

因为我给他的方案是:我3各月给客户150个电话咨询过去

78OA - 秦润(焦岳宏) 2014/9/30 11:01:40

这150个咨询他们可以做出30个客户来

78OA - 秦润(焦岳宏) 2014/9/30 11:01:48

每个客户可以赚5万

78OA - 秦润(焦岳宏) 2014/9/30 11:02:07

而且我给的是3各月时间,如果他们自己做可能半年才能做得到
11:02:34
78OA - 秦润(焦岳宏) 2014/9/30 11:02:34

3各月时间给客户省了75万出来,所以他才愿意12万做这个项目

┏.o冰ヤ埗* 2014/9/30 11:02:40

实际上呢有那么客户么

78OA - 秦润(焦岳宏) 2014/9/30 11:02:52

有的,前期我跟进过他的项目

78OA - 秦润(焦岳宏) 2014/9/30 11:03:09

做了一个月,已经成交了10个客户了

78OA - 秦润(焦岳宏) 2014/9/30 11:03:22

估计提前半个月能完成任务

78OA - 秦润(焦岳宏) 2014/9/30 11:03:34

完了还会有2万的奖金给我的同事

┏.o冰ヤ埗* 2014/9/30 11:03:47

。。。。我靠我觉得没那么简单吧

78OA - 秦润(焦岳宏) 2014/9/30 11:03:49

这2万是他们给的

78OA - 秦润(焦岳宏) 2014/9/30 11:04:00

百度竞价做

78OA - 秦润(焦岳宏) 2014/9/30 11:04:19

这个根本就没有用SEO技术做,纯粹的竞价

┏.o冰ヤ埗* 2014/9/30 11:04:26

给钱百度钱效果最快最直接

78OA - 秦润(焦岳宏) 2014/9/30 11:04:33

百度、58同城、搜房……
11:04:42
78OA - 秦润(焦岳宏) 2014/9/30 11:04:42

而客户要的是直接效果

┏.o冰ヤ埗* 2014/9/30 11:04:51

是啊  

78OA - 秦润(焦岳宏) 2014/9/30 11:04:55

实际上我们都整天研究了SEO技术了

78OA - 秦润(焦岳宏) 2014/9/30 11:05:03

我们应该研究效果才对

78OA - 秦润(焦岳宏) 2014/9/30 11:05:23

昨天晚上我同学也找我做网站了

78OA - 秦润(焦岳宏) 2014/9/30 11:05:35

我直接给模板做,收了5000、

┏.o冰ヤ埗* 2014/9/30 11:05:39

是啊 我给朋友做站直接让他砸钱  一月专科额20万

78OA - 秦润(焦岳宏) 2014/9/30 11:05:58

同学高兴的是我能帮他做主,进度只需要1星期网站就上线了

78OA - 秦润(焦岳宏) 2014/9/30 11:06:14

如果他要按技术路线走,可能要1个月

┏.o冰ヤ埗* 2014/9/30 11:06:34

是啊是啊

78OA - 秦润(焦岳宏) 2014/9/30 11:06:36

实际上5000元买的是我能帮他做主(我对他们业务理解比较透彻)
11:07:16
┏.o冰ヤ埗* 2014/9/30 11:07:16

现在的营销有很多 网站排名只是其中之一 还有很多地方可以吸流量 百度头发竞价可以坐的更精准些

78OA - 秦润(焦岳宏) 2014/9/30 11:07:37

这段时间我对网站项目的理解是:我们做网站的人提高自己的意识,把自己定位在方案设计方面,对客户业务的理解最值钱,技术这这两个之后

┏.o冰ヤ埗* 2014/9/30 11:07:38

好多人不是在微信里面发广告么 什么化妆品代购我在想谁傻啊 买着东西 结果人家轻飘飘一月几千

78OA - 秦润(焦岳宏) 2014/9/30 11:07:51

是啊

78OA - 秦润(焦岳宏) 2014/9/30 11:08:00

给你说这些,希望对你有帮助啊

┏.o冰ヤ埗* 2014/9/30 11:08:06

恩恩

┏.o冰ヤ埗* 2014/9/30 11:08:14

感慨很多






关于培训的种种思考

  在公司也有一年有余了,刚开始对于培训来说就是走个过场,以为实在从里面学不到什么东西,至今我还是依旧那么认为。参加了公司的培训也有五六场了,基本毫无收获,要么去了什么都听不懂,要么还是听不懂,一般情况都是后悔去听。当然最后的结论就是这特么和我有半毛钱关系。嗯 没错我说的是一般情况下,当然还有个别的情况比如k哥的那场培训,我倒是觉得讲的蛮好的,调理清晰语速过快。但是我旁边的开发来了一句你特么跟我讲这个干嘛和我有半年毛钱关系啊,左边的产品问我ejs是什么 mvc是什么。。 我一一解答。然后k哥的一场培训还没结束已经走了不少人了,恭喜k哥他那场的培训人还是蛮多的。虽然我在下面听到的都是负面的反馈。

   问题显然易见。培训是很多但是效果却不这么让人满意。在《心理学核心课程教材系列:认知心理学)》(Cognitive Psychology)第一章里面就举了一个小例子路人向警察问路:

阅读详细 »


生于忧患而死于安乐:程序员如何走出自己的安逸环境

本文转自外刊评了,原文网址:http://www.vaikan.com/getting-comfort-zone/

过去的几个月里发生的几件事情,让给政府做软件开发的人感受到压力的陡增,从奥巴马的医保网站饱受诟病到美国退伍军人事务部官方网站的预约系统从1985年起就没有更新过,这些事情让我回忆起曾经作为政府程序员的经历,以及这段经历如何变成一种一直督促我努力工作的思想动力。

我曾在某个政府部门维护过一个写于1990年代的老系统。当一个新的系统启动开发来替代部分的老系统功能时,很多的程序员对开发新系统的工作产生的严重的抵制心里。起初,我并不知道为什么他们会有这么大的反感。对这个系统维护一段时间之后,我才慢慢明白,有些程序员是专门维护系统,时间长达15年之久。当被邀请开发新系统时,他们对新事物和新技术都感到心里没底。

阅读详细 »


第一章

大约在12年开始维护别人站的时候就琢磨这建一个属于自己的站,自己瞎搞搞一段时间终于买了阿里云和域名,而且自己搭建了起来。期间断断续续的,从选网站模版到样式也折腾了好久,本来作为一个前端想自己做个模版的。但是由于没设计就暂时用别人的东西。等哪位设计给我设计好在换个主题吧。typecho还不错,就暂时用着,也懒得自己写了。