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

发布时间:2019-05-17 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了新鲜热乎的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

脚本宝典总结

以上是脚本宝典为你收集整理的新鲜热乎的2017年Windows前端开发环境安装配置全部内容,希望文章能够帮你解决新鲜热乎的2017年Windows前端开发环境安装配置所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:Vue