记录使用npm创建一个全新的nodejs项目,编程语言typescript,平台win10

最新推荐文章于 2024-03-22 20:09:45 发布

老菠

最新推荐文章于 2024-03-22 20:09:45 发布

阅读量1k

点赞数

分类专栏： nodejs 文章标签： nodejs npm

本文链接：https://blog.csdn.net/goodboy31985/article/details/106197587

版权

从0创建一个nodejs项目

环境搭建
- 开发环境
- 安装必要的工具
建立一个简单的nodejs项目
使用ts-node 直接运行ts文件
结束

环境搭建

开发环境

使用win10操作系统,
使用vscode进行代码的编写和测试

安装必要的工具

下载并安装好nodejs, nodejs官网 https://nodejs.org/en/
注意安装时可以选择选项安装一些常用的库,并且在PATH中加入nodejs路径(安装nodejs时注意勾选)
安装完成后,打开命令行,
输入命令 node -v, 如果安装正确,会显示当前安装的node版本号
输入命令 npm -v, 如果安装正确,会显示当前安装的npm版本号

npm是一个nodejs常用的包管理器,可以用来管理项目中使用的一些外部库, 大大加快开发的进度,安装node时会将npm一起安装好

安装TypeScript
使用刚刚安装好的npm工具进行安装
在命令行中输入命令 npm install -g typescript,
如果安装正确,输入 tsc -v, 会显示当前typescript的版本号

环境搭建完成后,就可以开始创建新项目了

建立一个简单的nodejs项目

在工作文件夹中,新建文件夹,重命名为Demo,作为测试项目,比如 D:\workspace\TSProject\Demo
打开命令行,进入Demo文件夹下
使用命令 npm init 创建项目,根据提示,输入项目名称,版本,作者等, 系统会生产一个package.json的文件,作为这个项目最基本的描述
要使用TypeScript作为开发语言, 使用命令 tsc --init 来初始化ts的配置,运行后,项目文件夹中出现一个 tsconfig.json 的文件,文件的各个字段定义请参考 tsconfig.json
通常将项目的源文件目录设置为 “./src” 输出目录设置为 “./dist”,我们就可以在src目录中编写ts文件,然后文件经过编译和转换后,会在dist中生成输出文件
我使用的文件内容如下

{
   
  "compilerOptions": {
   
    /* Visit https://aka.ms/tsconfig.json to read more about this file */

    /* Basic Options */
    // "incremental": true,                   /* Enable incremental compilation */
    "target": "es6",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
    "module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
    // "lib": [],                             /* Specify library files to be included in the compilation. */
    // "allowJs": true,                       /* Allow javascript files to be compiled. */
    // "checkJs": true,                       /* Report errors in .js files. */
    // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
    // "declaration": true,                   /* Generates corresponding '.d.ts' file. */
    // "declarationMap": true,                /*