nodejs+express+mysql开发(超详细)

第一部分:项目搭建

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

nodejs+express+mysql开发(超详细)_第1张图片

4.快速搭建基础框架

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

  创建项目文件--expressDemo 

nodejs+express+mysql开发(超详细)_第2张图片

得到项目expressDemo

nodejs+express+mysql开发(超详细)_第3张图片

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

nodejs+express+mysql开发(超详细)_第4张图片

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

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

nodejs+express+mysql开发(超详细)_第5张图片

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

nodejs+express+mysql开发(超详细)_第6张图片

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

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

nodejs+express+mysql开发(超详细)_第7张图片

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

下面是项目的启动:

nodejs+express+mysql开发(超详细)_第8张图片

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

第二部分:插件安装

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

nodejs+express+mysql开发(超详细)_第9张图片

 

先执行---- set-executionpolicy Remotesigned

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

nodejs+express+mysql开发(超详细)_第10张图片

 

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

8.

9.

10.

11.

第三部分:项目实战

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

你可能感兴趣的:(npm,node.js,vscode,数据库,前端)