linux

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$


xcode下载|xcode安装

下载地址:https://developer.apple.com/xcode/downloads/

阅读详细 »


安装rvm

rvm是一个ruby的版本管理工具通rvm可以可靠管理ruby的版本,虽然不知道我再说些什么,但是我安装compass是需要rvm的所以我要必须安装上去,百度了下,安装命令是

curl -L get.rvm.io | bash -s stable

再次之前你要先按照curl,没有安装的话会提醒你安装的:

阅读详细 »


brew installation error : Appears homebrew is already installed

I had the same issue. There was no directory called., /usr/local/Cellar but brew installation kept reporting it is already installed.

I resolved the issue by doing the following.,

Step 1 : run

  rm -rf /usr/local/Cellar /usr/local/.git && brew cleanup

(It reported error and didn't run successfully., but I believe it did cleanup)

Step 2 : Being from Windows world., restarted the terminal

Step 3 : Ran again

 ruby -e "$(curl -fsSL   https://raw.github.com/mxcl/homebrew/go)"

It ran successfully.,



compass Failed to build gem native extension.

I struggled with you same issue for about 3 hours. As of Compass 1.0.alpha19, the requirement is for the rvm version 1.9.3.

There are several uncollected posts, however what worked for me was the following:

  1. sudo gem uninstall sass

  2. sudo gem uninstall compass

  3. rvm install ruby-1.9.3-p448

  4. sudo gem install sass --pre

  5. sudo gem install compass --pre

and that did it. Hope it works for you as well!

安装rvm的方法地址待定明天写

按照rvm的地址 http://www.luqidong.com/share/77.html


linux设置该文件夹下所有文件的权限

更改文件所有者
sudo chown system_username /location_of_files_or_folders

更改文件的权限
鼠标右按钮点击文件/目录 -> 属性
权限 分页 -> 读取/写入/执行 (为 所有者/群组/其它 勾选权限)
当前用户不是root,有一个分区是root的所有者应该怎样操作?

sudo chmod 777 /XXX
其中/XXX为你要更改得目录或文件,777为全部人都可以读写。用这个命令就可以设置文件限权。如果觉得不安全,可以设置为775 。

使用方式 : chmod [-cfvR] [--help] [--version] mode file…

说明 : Linux/Unix 的档案存取权限分为三级 : 档案拥有者、群组、其他。利用 chmod 可以藉以控制档案如何被他人所存取。

把计 :

mode : 权限设定字串,格式如下 : [ugoa...][[+-=][rwxX]…][,...],其中u 表示该档案的拥有者,g 表示与该档案的拥有者属于同一个群体(group)者,o 表示其他以外的人,a 表示这三者皆是。
+ 表示增加权限、- 表示取消权限、= 表示唯一设定权限。
r 表示可读取,w 表示可写入,x 表示可执行,X 表示只有当该档案是个子目录或者该档案已经被设定过为可执行。
-c : 若该档案权限确实已经更改,才显示其更改动作
-f : 若该档案权限无法被更改也不要显示错误讯息
-v : 显示权限变更的详细资料
-R : 对目前目录下的所有档案与子目录进行相同的权限变更(即以递回的方式逐个变更)
–help : 显示辅助说明
–version : 显示版本

范例 :将档案 file1.txt 设为所有人皆可读取 :
chmod ugo+r file1.txt

将档案 file1.txt 设为所有人皆可读取 :
chmod a+r file1.txt

将档案 file1.txt 与 file2.txt 设为该档案拥有者,与其所属同一个群体者可写入,但其他以外的人则不可写入 :
chmod ug+w,o-w file1.txt file2.txt

将 ex1.py 设定为只有该档案拥有者可以执行 :
chmod u+x ex1.py

将目前目录下的所有档案与子目录皆设为任何人可读取 :
chmod -R a+r *

此外chmod也可以用数字来表示权限如 chmod 777 file
语法为:chmod abc file

其中a,b,c各为一个数字,分别表示User、Group、及Other的权限。

r=4,w=2,x=1
若要rwx属性则4+2+1=7;
若要rw-属性则4+2=6;
若要r-x属性则4+1=7。

范例:
chmod a=rwx file


chmod 777 file

效果相同
chmod ug=rwx,o=x file


chmod 771 file

效果相同

若用chmod 4755 filename可使此程式具有root的权限
指令名称 : chown
使用权限 : root

使用方式 : chmod [-cfhvR] [--help] [--version] user[:group] file…

说明 : Linux/Unix 是多人多工作业系统,所有的档案皆有拥有者。利用 chown 可以将档案的拥有者加以改变。一般来说,这个指令只有是由系统管理者(root)所使用,一般使用者没有权限可以改变别人的档案拥有者,也没有权限可以自己的档案拥有者改设为别人。只有系统管理者(root)才有这样的权限。

把计 :

user : 新的档案拥有者的使用者 IDgroup : 新的档案拥有者的使用者群体(group)-c : 若该档案拥有者确实已经更改,才显示其更改动作-f : 若该档案拥有者无法被更改也不要显示错误讯息-h : 只对于连结(link)进行变更,而非该 link 真正指向的档案-v : 显示拥有者变更的详细资料-R : 对目前目录下的所有档案与子目录进行相同的拥有者变更(即以递回的方式逐个变更)–help : 显示辅助说明–version : 显示版本

范例 :
将档案 file1.txt 的拥有者设为 users 群体的使用者 jessie :
chown jessie:users file1.txt

将目前目录下的所有档案与子目录的拥有者皆设为 users 群体的使用者 lamport :
chmod -R lamport:users *
-rw——- (600) — 只有属主有读写权限。

-rw-r–r– (644) — 只有属主有读写权限;而属组用户和其他用户只有读权限。

-rwx—— (700) — 只有属主有读、写、执行权限。

-rwxr-xr-x (755) — 属主有读、写、执行权限;而属组用户和其他用户只有读、执行权限。

-rwx–x–x (711) — 属主有读、写、执行权限;而属组用户和其他用户只有执行权限。

-rw-rw-rw- (666) — 所有用户都有文件读、写权限。这种做法不可取。

-rwxrwxrwx (777) — 所有用户都有读、写、执行权限。更不可取的做法。

以下是对目录的两个普通设定:

drwx—— (700) – 只有属主可在目录中读、写。

drwxr-xr-x (755) – 所有用户可读该目录,但只有属主才能改变目录中的内容
suid的代表数字是4,比如4755的结果是-rwsr-xr-x
sgid的代表数字是2,比如6755的结果是-rwsr-sr-x
sticky位代表数字是1,比如7755的结果是-rwsr-sr-t



mysql默认密码以及修改

整理了以下四种在MySQL中修改root密码的方法,可能对大家有所帮助!

方法1: 用SET PASSWORD命令

  mysql -u root

  mysql> SET PASSWORD FOR 'root'@'localhost' = PASSWORD('newpass');

方法2:用mysqladmin

  mysqladmin -u root password "newpass"

  如果root已经设置过密码,采用如下方法

  mysqladmin -u root password oldpass "newpass"

方法3: 用UPDATE直接编辑user表

  mysql -u root

  mysql> use mysql;

  mysql> UPDATE user SET Password = PASSWORD('newpass') WHERE user = 'root';

  mysql> FLUSH PRIVILEGES;

在丢失root密码的时候,可以这样

  mysqld_safe --skip-grant-tables&

  mysql -u root mysql

  mysql> UPDATE user SET password=PASSWORD("new password") WHERE user='root';

  mysql> FLUSH PRIVILEGES;


CentOS 安装apache2环境

LAMP(Linux、Apache、MySQL、PHP)是一套用于提供php架构网站服务的完美组合的简称,LAMP组合有着极高的性能,完善的支持体系,灵活的配置方法,但是Lamp架构其本身也越来越臃肿,在Lamp安装完成后最好进行针对硬件的优化,以获得更好的性能。

LAMP可以在很多平台(Linux、Windows、Unix、MacOS X)中搭建,本文以CentOS系统安装LAMP套件进行举例。

搭建需要有一台安装有CentOS的服务器,并且最好是纯净安装:即仅仅安装最少的系统组件。

 

首先安装Apache2

一条命令即可:

1

yum install httpd

回车后,yum会提示当前已经安装的httpd版本,并自动更新;如果没有安装,则会自动安装。注意在yum安装过程中输入“Y”以确认安装。

Apache安装完成后,手动启动Apache2:

1

/etc/init.d/httpd start

这时,直接在浏览器中输入服务器的IP地址,即可看到Apache2的默认页面。此时的Apache仅仅能提供HTTP服务,不能执行php、也不能连接MySQL数据库。

 

随后安装MySQL

由于CentOS中已经包含了MySQL,因此也仅需要yum即可:

1

yum install mysql mysql-server

完成后,使用如下命令启动MySQL服务:

1

/etc/init.d/mysqld start

 

下面继续安装php5

使用如下命令安装php5:

1

yum install php

安装完php5后,必须要重新启动Apache以使php生效:

1

/etc/init.d/httpd restart

这时,Apache已经可以解析执行php脚本了。由于Apache的默认网站根目录位于:/var/www/html/,因此在此目录建立一个info.php用来测试Apache+PHP的正确安装与否:

1

echo "<?php phpinfo(); ?>" > /var/www/html/info.php

然后在浏览器中访问IP/info.php,出现了PHPINFO的输出信息:


表示PHP与Apache已经正确安装。

接下来安装MySQL数据库与其它模块(如GD图形库、mbstring库等):

1

yum install php-mysql php-gd php-imap php-ldap php-odbc php-pear php-xml php-xmlrpc

安装过程可能比较慢,请耐心等待。完成后再次重启Apache:

1

/etc/init.d/httpd restart

重新在浏览器中打开IP/info.php页面,应该能找到MySQL、GD、mbstring等模块:




此时LAMP运行环境已经初步安装完毕。最后还需要将LAMP组件设置为自动启动:

1

chkconfig --levels 2345 httpd on

2

chkconfig --levels 2345 mysqld on

 

最后介绍相关配置与环境

Apache主配置文件:/etc/httpd/conf/httpd.conf

Apache主配置目录,可以将不同类型的配置分门别类放入这个目录中:/etc/httpd/conf.d/

Apache网站根目录:/var/www/html/

Apache日志文件目录:/var/log/httpd

MySQL的my.cnf配置文件:/etc/my.cnf

MySQL数据库文件位置:/usr/lib/mysql

 

安装完成后,一是留意防火墙,打开相关端口,而是必须要对MySQL、Apache进行安全设置,避免安全漏洞。



如何添加网站for Linux(绑定域名)

1.cd /alidata/server/httpd/conf/vhosts/ 进入绑定域名所在目录,
 
2.vim test.conf  建立一个配置文件,test可以自己命名;
 
3.点击字母“i”开始编辑文件,输入内容:
        DocumentRoot /alidata/www/phpwind
        ServerName localhost
        ServerAlias localhost
       
            Options -Indexes FollowSymLinks
            AllowOverride all
            Order allow,deny
            Allow from all
       
       
                RewriteEngine On
                RewriteRule ^(.*)-htm-(.*)$ $1.php?$2
                RewriteRule ^(.*)/simple/([a-z0-9\_]+\.html)$ $1/simple/index.php?$2
       
        ErrorLog "/alidata/log/httpd/phpwind-error.log"
        CustomLog "/alidata/log/httpd/access/phpwind.log" common
 
 
其中:
ServerName www.test.com 绑定的网站域名
ServerAlias test.com 绑定的网站别名(您如果有多个域名添加在这里)
DirectoryIndex index.html index.php index.htm 设置默认首页
DocumentRoot /alidata/www/test 和 Directory "/alidata/www/test" 都是指定网站的目录,需要一致。
 
按“esc”退出编辑模式,输入“:wq”保存退出。
 
4.输入命令:/alidata/server/httpd/bin/apachectl restart 重启apache测试。
 
5.测试网站。请在浏览器中输入域名,测试设置。



linux 下chrom安装flash插件

今天无聊安装了linux系统,也安装了最喜欢的chrom浏览器,但是等到看视频的时候发现没有flash插件无法观看。通常在win系统里面浏览器提示没安装flash插件,只要点击下就会跳转到flash网站,下载一个下来点击安装就好了,但是chrom下却不是这样的,虽然选择了linux版本的下载,但是下载下来之后不知道怎么去安装。

下面就是步骤啦:

首先下载适合我们的版本,我下的是install_flash_player_11_linux.i386.tar.gz ,我先tar zvsf install_flash_player_11_linux.i386.tar.gz,解压下,于是是下面的目录:

78OA办公系统

我们只要把libflashpkyer.so放到chrom下的插件目录下,然后重启下chrom浏览器就好了,这里我们用cp命令

 sudo cp libflashplayer.so/usr/lib/chrom/plugins。

78OA办公系统

本文由免费oa系统78oa原创,转载请注明出处。