之前各种node工程都是东抄抄,西抄抄的.  用ng的cli之后,发现非常舒服.所以把node新建工程的种种记录一下.

node+babel, 直接按es6标准写就好了,  不需要一定写ts再转码了(写angular再用ts), 其他情况下用其他语言写然后转码成js的方案, ClosjureScript 效率更高吧).

参考https://www.robinwieruch.de/minimal-node-js-babel-setup/

https://dev.to/bnorbertjs/my-nodejs-setup-mocha--chai-babel7-es6-43ei

1 准备空代码仓库

在远程仓库(github或者bitbucket)起个空工程 然后复制 "git clone git@XXX/YYY.git"命令 在本地根目录比如~/dev 起控制台, 运行,得到空文件夹

此时应该包括,但不限于这么几个文件:

README.md

.gitingore  (node版 https://github.com/github/gitignore/blob/master/Node.gitignore)

如果没有,自己新建,或者从别的工程copy过来

2 创建node工程

在控制台(code下 ctrl + `)

cd 工程路径
npm init -y
 npm i --save express

此时出现:

package.json

package-lock.json

文件夹node_modules

babel

开发时直接写es6标准的代码

npm i --save-dev @babel/core @babel/node @babel/preset-env @babel/register

创建.babelrc文件

{
"presets": ["@babel/preset-env"]
}

修改package.json

{
"name": "wg-db-json",
"version": "1.0.0",
"description": "",
"main": "src/app.js",
"scripts": {
"start": "babel-node src/app.js --config=./cfg.yml",
"test": "echo \"Error: no test specified\" && exit 1"
},
...
}

创建src/app.js

import express from "express";

const app = express();
const port = 3000; app.get("/", (req, res) => res.send("Hello World!"));
process.on('uncaughtException', function (e) {
console.log(e);
}); app.listen(port, () => console.log(`Example app listening on port ${port}!`));

注意使用了import  from 语句

手工创建cfg.yml  (自己的app可能用到的配置文件,已经习惯用yml写,可以加注释,省去引号 也比json短小)

nodemon

为了开发时边修改边自动重新运行 注意版本号, 之后的版本在我目前的mint19.1/ubuntu18.04上,之后的版本停止任务时, node进程杀不死 重启会报错,包括文件编辑

参考https://github.com/remy/nodemon/issues/1508

现在也只能支持在命令行里npm run dev 不支持 vscode里 用按钮启动/关闭任务,  但是在vode里点"+"手动创建一个新终端 手动运行npm run dev 实在搞不定,先这样了

npm i --save-dev nodemon@1.18.7

手工创建一个nodemon.json

{
"ignore": ["**/*.test.js", ".git", "node_modules"],
"watch": ["src"],
"exec": "npm start",
"ext": "js"
}

修改package.json

{
"name": "wg-db-json",
"version": "1.0.0",
"description": "",
"main": "src/app.js",
"scripts": {
"start": "babel-node src/app.js -- --config=./cfg.yml",
"dev": "nodemon",
"test": "echo \"Error: no test specified\" && exit 1"
  },
}

这样开发时, 运行npm dev     通过nodemon  调用 npm start

部署时直接运行npm start即可.

test

npm i --save-dev mocha chai

修改package.json

{
"name": "wg-db-json",
"version": "1.0.0",
"description": "",
"main": "src/app.js",
"scripts": {
"start": "babel-node src/app.js-- --config=./cfg.yml",
"dev": "nodemon",
"test": "mocha -r @babel/register"
  },
...
}

创建test文件夹,随便创建一个test1.js

import { expect } from 'chai';
import 'mocha'; describe('test1', () => {
it('should be', () => {
expect('a').to.equal('a');
});
})

解析yml配置文件

1安装库,运行时用的,没有--save-dev选项

npm i js-yaml yargs --save

cfg.yml 随便写点内容

PATH_DB: ~/dev/db_test

修改app.js

import express from "express";
import fs from "fs";
//--------读yaml配置文件------------
const yaml = require('js-yaml');
const argv = require('yargs').argv;
console.log('argv', argv);
const config = yaml.safeLoad(fs.readFileSync(argv.config, { encoding: 'utf8', flag: "r" }));
console.log('yaml config', config);
// const app = express();
const port = 3000; app.get("/", (req, res) => res.send("Hello World!"));
process.on('uncaughtException', function (e) {
console.log(e);
}); app.listen(port, () => console.log(`Example app listening on port ${port}!`));

因为这俩库还是node风格的,所以还是用require导入

杂: 没关闭的node进程导致端口占用

偶尔code下关闭任务,但是node进程并没有杀死的情况.

这时无法启动新的任务.需要手动杀死僵尸进程

lsof -i  :端口号

看到确实是node占用了

关闭全部node进程

killall node

这时在启动,就OK了

PS:

不常从0创建纯node工程, 所以记录一下过程.

1 理解cli的意义了: 没有cli情况下,自己手动配置各种项,确实不如angular提供了cli方便

2 定制自由度确实比较灵活. 但是也导致了雪花式配置文件, 其实也就babel和nodemon 然后自己程序用的yml 但是各种碎片文件已经不少了.

3 各种配置内容没有写在一起, 而是每个都保持三部曲:

1安装库

2修改package.json

3增加配置文件

4 遇到第三方库的版本问题对新手非常不友好. 特别是因为版本的原因导致的停止nodemon时不能正常杀死node进程, 搞了很久 效果和各种google到的都不一样. 要不是之前用过nodemon 早放弃了.

新建node工程的更多相关文章

  1. CCS 6新建TMS320F2812工程

    准备材料 CCS6 下载地址:http://www.ti.com/tool/ccstudio F2812的C语言头文件 下载地址:http://www.ti.com/lit/zip/sprc097 安 ...

  2. 如何在Flash Builder里新建ActionScript工程

    新建ActionScript工程 1. File > New > ActionScript Project 2. 按照提示完成工程的创建 使程序直接在Flash Player中运行 1. ...

  3. ] 解决myeclipse中新建javaweb工程,无法使用Web App Libraries问题

    ] 解决myeclipse中新建javaweb工程,无法使用Web App Libraries问题 标签: myeclipsejavawebWeb App Libraries 2013-10-16 1 ...

  4. Cocos Code IDE新建lua工程报错解决方案

    今天想用cocos code IDE新建一个工程,但是控制台报错:Read json file null failed, the reason is:null.我下载的是官方3.5源码,sdk,ndk ...

  5. 新建android工程的时候eclipse没有生成MainActivity和layout布局

    一.新建android工程的时候eclipse没有生成MainActivity和layout布局 最近由于工作上的原因,开始学习Android开发,在入门的时候就遇到了不少的坑,遇到的第一个坑就是&q ...

  6. Android Studio新建Jni工程

    2.2版本的Android Studio支持新建Jni工程,不用再像以前自己构建工程目录,首先把自己的升级自己的AS到2.2以上 然后打开Tools->Andorid->SDK manag ...

  7. eclipse 配置Maven问题解决办法:新建maven工程时报错:Could not resolve archetype org.apache.maven.archetypes .

    此文乃本作者配置maven,被其折磨n天,究极解决方案,好文要顶啊.欢迎致电: zhe-jiang.he@hp.com 首先各maven.archetypes下载地址: http://mirrors. ...

  8. Keil MDK入门---从新建一个工程开始

    熟悉Keil C51的朋友对于Keil MDK上手应该比较容易,毕竟界面是很像的.但ARM内核毕竟不同于51内核,因此无论在设置上还是在编程思想上,都需要下番功夫研究的.本文以MDK V4.03为例, ...

  9. 新建maven工程时pom.xml报错

    新建maven工程时,pom.xml报错:第一行报如下错误:multiple annotations found at this line后添加org.eclipse.m2e相关的plugin配置后, ...

随机推荐

  1. ELK之安装searchguard后默认管理员用户admin修改

    安装完elasticsearch之后会有一个默认的用户admin密码也为admin,该用户无法删除无法编辑修改密码,用于生产时安全性较差,需要修改默认密码或者删除该admin用户 使用工具生产加密密码 ...

  2. SetupFactory 制作安装包

    SetupFactory9.0.3.0Trial汉化破解版+使用教程 https://download.csdn.net/download/u010188178/10652645

  3. 从Windows到linux小记

    从Windows到linux小记 年后疯狂加班,趁着喘息的时间,更新一下安装linux的艰辛路程. 周四晚上,公司举办活动,好不容易从加班的节奏暂时脱离出来,我这人就是不能闲,只要一闲下来就会做die ...

  4. Spark入门到精通--(第一节)Spark的前世今生

    最近由于公司慢慢往spark方面开始转型,本人也开始学习,今后陆续会更新一些spark学习的新的体会,希望能够和大家一起分享和进步. Spark是什么? Apache Spark™ is a fast ...

  5. Spring 学习教程(二): IOC/DI+AOP

    1. IOC / DI Spring是一个基于IOC和AOP的结构J2EE系统的框架 IOC 反转控制 是Spring的基础,Inversion Of Control 简单说就是创建对象由以前的程序员 ...

  6. java框架之Hibernate(3)-一对多和多对多关系操作

    一对多 例:一个班级可以有多个学生,而一个学生只能属于一个班级. 模型 package com.zze.bean; import java.util.HashSet; import java.util ...

  7. ionic3 在ios9.0 系统下 会出现ReferenceError:Can't find variable:Intl 错误提示

    ionic3 框架开发app  在ios 9.0版本中 ReferenceError:Can't find variable:Intl 错误提示: 在index.html 文件中添加 <scri ...

  8. Django框架详细介绍---模型---ORM

    一.概述 ORM(Object Relational Mapping),全称:对象关系映射,简单的说就是通过创建类.实例化出对象的方法,使得类.对象.对象的属性能够和数据库中的表.记录.字段意义对应. ...

  9. OpenStack-Neutron-VPNaaS-配置

    配置openstack版本:Juno vpnaas配置的资料很少,官网目前参考的https://wiki.openstack.org/wiki/Neutron/VPNaaS/HowToInstall比 ...

  10. poj1733(并查集+离散化)

    题目大意:有一个长度为n的0,1字符串, 给m条信息,每条信息表示第x到第y个字符中间1的个数为偶数个或奇数个, 若这些信息中第k+1是第一次与前面的话矛盾, 输出k; 思路:x, y之间1的个数为偶 ...