C蛮的全栈之路-node篇(一) 环境布置

2024-09-21 06:17:59

目录

C蛮的全栈之路-序章技术栈选择与全栈工程师
 C蛮的全栈之路-node篇(一) 环境布置
 C蛮的全栈之路-node篇(二) 实战一：自动发博客

---------------- 我是分割线 --------------

武器买到了，第一步就是拿在手里掂量一下。

node.js 可以去 https://nodejs.org/ 下载，或者先安装npm（npm nrm nvm人称3m），然后用npm安装node。

IDE可以选择WebStorm。去 http://www.jetbrains.com/webstorm/ 下载。

IDE可以选择VSCode。去 https://code.visualstudio.com/download 下载。(个人推荐)

---------------- TypeScript or not--------------

为什么提到了TypeScript？

前面提到过工程化。

当你的js文件数增加，行数也在增加，参与人数也在增加时，工程渐渐变得不可维护。

所谓“动态类型一时爽，代码重构火葬场”，古人诚不我欺。

在其他技术栈的同学嘲笑js系不能做大工程时，我们要怎么办呢？

一种是守着ES的生态，配上Babel, ESLint, Flow这一类东西，标准。

另一种就是直接上车用TypeScript，配上TSLint等一系列东西，并且VSCode也配合的很优雅。有轻度的侵入性。

当你在维护一个已有项目时，Flow系的改造是平滑的。当做一个新项目时，两种方案都可以考量。最终这个选择取决于团队的构成。

---------------- TypeScript的场景--------------

npm install typescript -g

npm install tsd -g

npm install tslint -g

tsd install node

---------------- 非TypeScript的场景------------

npm i eslint -g

npm i babel -g

---------------- WebStorm --------------

WebStorm安装后，File->Setting->Node.js and NPM 里，把Code Assistance给Enable掉，这样就有智能感知了。

此IDE可以直接创建Express工程。node工程有智能感知，也能直接调试，算是比较方便的。

细节不再赘述。

---------------- VSCode --------------

在工程目录 tsc --init

生成了一个tsconfig.json文件：

{

    "compilerOptions": {

        "module": "commonjs",

        "target": "es6",

        "noImplicitAny": false,

        "outDir": "built",

        "rootDir": ".",

        "sourceMap": true,

        "watch" : true

    },

    "exclude": [

        "node_modules"

    ]

}

加入watch可以帮助你CompileOnSave。

然后在VSCode里Open这个工程目录。按Ctrl+Shift+B，选Configure Task Runner。

{

    "version": "0.1.0",

    "command": "tsc",

    "isShellCommand": true,

    "showOutput": "silent",

    "args": ["-p", "."],

    "problemMatcher": "$tsc"

}

这样 ts->js 的配置就ok了。

tslint --init 来生成 tslint.json

"quotemark": [

    true,

    "single"

],

别的都不动，把字符串改成默认单引号。这是Airbnb语法推荐的。

Files->Preferences->User Settings

{

    "editor.tabSize": 2,

}

把tab改成2个空格。

---------------- 初战 --------------

把玩一下后，就赶紧找个敌人试试手吧。

一般来说，大家的第一个敌人不是地精就是狗头人……

----- 战斗前查怪物卡，是每一个立志砍翻一切敌人的家伙都会做的事情 -----

地精, 一级武者

小型类人生物 (地精类)

生命骰: 1d8+ ( hp)

先攻: +

速度: 30英尺 (6格)

防御等级:  (+1体形, + 敏捷, + 皮甲, + 轻型盾牌),接触AC , 措手不及

基础攻击/擒抱: +/–

攻击: 钉头锤+ 近战 (1d6) 或标枪 +3远程 (1d4)

全回合攻击: 钉头锤+ 近战 (1d6) 或标枪 +3远程 (1d4)

占据/触及: 5英尺/ 英尺

特殊攻击： —

特殊能力: 黑暗视力60英尺

豁免: 强韧 +, 反射 +, 意志 –

属性: 力量11, 敏捷 , 体质 , 智力 , 感知 , 魅力

技能: 躲藏 +, 聍听+, 潜行+, 骑乘 +*，侦察 +

专长: 警觉

环境: 温带平原

组织: 小群(–), 一帮 (– 个个体加上相等数量的非战斗人员，加上每20个成年个体一个3级士官和一个4到6级领袖),战团 (– 个带着座狼), 或部落 (–400个个体加上相等数量的非战斗人员，加上每20个成年个体一个3级士官，1或2个4或5级副官，一个6~8级的领袖，~24只座狼加上2~4只凶暴狼)

挑战等级: /

宝藏: 标准

阵营: 通常是中立邪恶

进化: 根据人物职业

战斗：

地精是那么的弱小，以至于只能在被痛扁时发出"World! World!"的悲鸣。

地精

----------------------------------------------

每一个新武器上都染满了这种小家伙的血迹。

这次我们也毫不例外的选择它。

index.ts里如下砍出一记。

import * as http from 'http';

http.createServer(function (req, res) {

  res.writeHead(200, { 'Content-Type': 'text/html' });

  res.end('Hello Goblin');

}).listen(8080, '127.0.0.1');

F5后出现launch.json。把"program"调整成index.ts。把"sourceMaps"调整成true。

Run起来看看

下一个断点看看。

C蛮看着一个照面就倒在血泊中的Goblin满意的点了点头。

最新文章

热门文章