安装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

本文固定链接: http://www.js-code.com/vue-js/vue-js_24384.html