[nodeJs] webstom创建nodejs express项目 + 本地git库管理版本 + user请求模拟demo

曾经终败给现在 2024-04-17 06:29 126阅读 0赞

安装websotm

安装nodejs

安装 git

### 创建nodejs express项目 ###

1.模板选择ejs

2.nodejs 的安装路径

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70][]

3.项目结构

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 1][]

*  1.bin：是用来启动应用（服务器）
 *  2.node\_modules：是依赖的模块
 *  3.public：是存放静态资源的
 *  4.routes：路由（可以问问度娘，了解得更加具体）主要是确定应用程序如何响应对特定端点的客户机发起的请求，包含一个URI（标识、定位任何资源的字符串）和一个特定的HTTP请求方法（如：post、axios等）
 *  5.views：模板文件所在的目录，可以自定义封装一些组件
 *  6.app.js：该程序是main.js文件以及服务器的启动入口

4.启动项目 访问localhost：3000

![20190827094826732.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 2][]

### 创建git库进行管理 ###

1.检查git安装

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 3][]

2.创建git库 VCS > import ..> create Git..

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 4][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 5][]

3.这时候文件名颜色会显示为暗红色，代表未被git跟踪，说明本地库创建成功，若是webstorm有.gitignore的插件，会自动提示没有创建忽略文件或目录的配置文件

![20190827095400336.png][]

4. File -> Settings...进入到设置页面 然后选择Plugins ,搜索框搜索.ignore  installed

![20190827095500165.png][]

5.创建git版本管理忽略文件或目录的配置文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 6][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 7][]

6.搜索node 勾选点检generate

![20190827095827828.png][]

7.配置好要忽略的文件及文件夹后，右键项目名称，把需要被git跟踪的文件添加进来（单个文件右键，单个的添加，项目整体就是根据.gitignore文件中配置的忽略文件外的都添加进去，目录下面也可以添加配置文件，具体可以 查找相关资料）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 8][]

8.文件名颜色变绿

![20190827100009722.png][]

9.添加需要提交的文件，填写注释

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 9][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 10][]

10.文件名颜色变成黑色代表提交成功，这就完成了项目由本地的git库进行管理的工作了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 11][]

### express拓展 ###

模拟请求user数据

app.js

new user.js

function User() {
        this.name;
        this.city;
        this.age;
    }
    
    module.exports = User;

update users.js

启动访问：[http://127.0.0.1:3000/users/getUserInfo?id=1][http_127.0.0.1_3000_users_getUserInfo_id_1]

![20190827112517825.png][]

提交代码：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 12][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/673e892d6c78410587085a0b4b7b9aa1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/1988eb1558974fcca6cab018876dfe21.png
[20190827094826732.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/0598a97c4c6a4a1aaee68223cf4e4a26.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/34d3a2a57ac04a1a8be4a31f944fb13d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/2b8bf37e9db3415185a7e1b241110287.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/1b3d67b10ea24107a91867bfb4fd319f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/c89528f6a3254eb694d71b3c180176e4.png
[20190827095400336.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/8112153aa7734defbd9beade6daf6d82.png
[20190827095500165.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/ce3e6406df4047d2864f5dc5f4bed2d6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/4a62cd9d9e3e475697358abe9cc6186c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/40f0f8fc7dbe4350bc85d16556b039a8.png
[20190827095827828.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/e7042b12143841a5b83b4159d5a6d7d8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 8]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/92859566f72d41e1b39c1e92a27ffb05.png
[20190827100009722.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/c94170feb94d4899a1cce6d4424e64d1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 9]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/c2c695d5838e4ab9bbad870e19fb82a9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 10]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/216d2dfdd8344d17921587dbf66eb28c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 11]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/dec5d6578112426197962d59afa89454.png
[http_127.0.0.1_3000_users_getUserInfo_id_1]: http://127.0.0.1:3000/users/getUserInfo?id=1
[20190827112517825.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/2389b669a71240ea8fa0b63061dbd81f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70 12]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/febd1f74ffac40f2aa6f57a8f5959880.png