前端环境准备

记录一下前端一些编辑器和npm工具的安装配置过程

编辑器

Vscode 和WebStorm，有时看心情决定使用哪一款编辑器。。。。当然还有国内的HuilderX,目前主要用于小程序开发，以后再补上使用感受。

npm环境

要想使用前端各种各样的脚手架，首先需要的是Node.js和npm命令工具。

我常用的Vue/cli,electron和gitbook对于各类的node.js版本需求都是有差别的,为此，安装nvm Node.js版本控制工具是前端开发中一定需要的。

nvm下载地址,无需配置版本

nvm list available   #查看所有可以安装的版本
nvm install 0.9.10  #使用gitbook时
nvm install 12.22.1 #vue/cli
nvm install 14.16.1 #electron
nvm use xx.xx.xx #切换到想使用的那个版本

一些我经常使用的脚手架和命令

npm install yarn -g # yarn 命令，比较喜欢用的
npm install @vue/cli #vue脚手架
npm install create-reate-app  #react脚手架
npm install express-generator #express脚手架

好用的npm包总结

yarn add axios # http请求  详情参考
yarn add mock.js
yarn add mysql
yarn add sequelize

好用的VScode插件

Auto close Tag #自动闭合标签插件
Auto complete Tag #自动标签提示闭合插件
Auto rename tag #重命名标签插件
element-ui-helper #element-ui 组件库语法提醒插件
HTML Snippets #html语法提醒插件
Vetur #vue.js语法提示插件
Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro #编译插件

To be continue…