新鲜热乎的2017年Windows前端开发环境安装配置

安装choco

choco 是Windows上类似Mac的HomeBrew的命令行软件安装工具，
按Windows键-Q搜索Power Shell，右击选择以管理员身份运行，打开后粘贴以下代码运行

iwr https://chocolatey.org/install.ps1 -UseBasicParsing | iex

用choco安装常用软件

choco install nodejs git yarn sublimetext3 cmder shadowsocks

• yarn 更好的npm

• cmder 更友好的cmd

• shadowsocks fq工具

顺便打开sublime的安装主目录，复制路径，添加的系统的Path环境变量中，即可在cmder中用subl vue-study打开相应目录或文件

安装Sublime Text常用扩展

1. 为方便介绍，下文用csp代替ctrl-shift-p

2. 点击sublime text菜单栏Tools > Install Package Control... 安装Package Control

3. csp > install package，依次搜索安装以下插件：

   • Material Theme，更好看的主题，安装完成后需csp > active theme，按上下键选择并启用主题

   • vue相关的所有插件，提供vue语法高亮、代码片段

   • bootstrap 4(或3)相关插件，提供bootstrap class提示、代码片段

   • SidebarEnhancements 侧边栏鼠标右键菜单增强

   • GitGutter 标识出文件的更改

   • Insert FilePath 在html中便捷插入css或js文件路径，按ctrl-alt-i直接输入文件名如：bootstrap即可

用npm安装常用工具

npm install -g gulp-cli webpack-cli vue-cli 
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装最友好的PHP运行环境 - phpStudy

参见 http://www.phpstudy.net/ ，安装完成后网站根目录一般在 D:/phpStudy/WWW下，可以作为前端开发的项目根目录。
也可以将php的文件夹加入环境变量，以在命令行运行php