第一部分：项目搭建

1.全局配置淘宝镜像

原配置

npm install express -g

使用淘宝镜像（安装速度快）

npm install -g cnpm --registry=https://registry.npm.taobao.org

全局安装webpack（这个不用管，不用安装）

npm install webpack -g

2.全局配置脚手架

npm i -g express-generator

3.检查express是否安装完成

express --version

4.快速搭建基础框架

  4.1  选择一个文件夹，在文件夹中输入cmd打开窗口

  创建项目文件--expressDemo 

得到项目expressDemo

  4.2  再在所创建的新项目打开cmd，安装项目依赖：npm install

 安装完成后expressDemo项目会得到一个package-lock的json文件，如上图

而node_modules文件夹里会存在许多插件，如下图

  4.3  然后打开VS-nodejs程序，修改app配置文件

 4.4  重新配置端口，第一个划线是为了给后面的项目展开做准备，这里先注释处理掉

选择端口80，可以节省路径

 之后bin文件夹可以不要了，

下面是项目的启动：

 到这里，我们项目的基础框架就已经搭好了。
 

第二部分：插件安装

vscode基本扩展（个人必使用）

1.中文简体
2.开启server支持----live server
3.开启css3的自动编译----live sass compiler
4.快速在浏览器打开html页面----open in browser 1.11旧版本
5.开启codejs支持----code runner
6.美化背景----background-cover+Fix VSCode Checksums（这个用来解决VSCode显示“Code安装似乎损坏。请重新安装。”、标题栏显示“不受支持”）

后续的插件扩展

7.热启动----npm install nodemon -g

如果无法执行热启动，以管理员运行cmd

或者以管理员运行PowerShell

 

先执行---- set-executionpolicy Remotesigned

然后查看---- get-executionpolicy---- 安装好了会有出现RemoteSigned

 

如果需要进行session管理 则安装express-session中间件

8.

9.

10.

11.

第三部分：项目实战

注：请用管理员身份打开codejs，很多插件需要管理员的权限才可以使用