美文网首页
创建JavaScript项目

创建JavaScript项目

作者: 云朵之上 | 来源:发表于2019-08-21 11:27 被阅读0次

    创建JavaScript项目

    原文:https://www.robinwieruch.de/javascript-project-setup-tutorial/

    新建项目目录

    mkdir my-project
    cd my-project
    

    初始化为npm项目

    初始化为npm项目的两个优点:

    1. 可以从npm安装依赖(npm package)
    2. 在项目的后续生命周期里,可以添加npm脚本来进行start,test或deploy

    在使用npm之前,需要先安装Node.js然后可以在命令行运行如下命令:

    npm init -y
    

    -y将项目的所有特征设为默认值。

    初始化后,项目目录下自动生成了一个package.json文件,其中的值全被设为了默认值,可以通过如下方式查看或修改值:

    npm config list
    
    npm set init.author.name "<Your Name>"
    npm set init.author.email "you@example.com"
    npm set init.author.url "example.com"
    npm set init.license "MIT"
    

    编写源代码

    首先创建一个src/目录,并在其中创建一个index.js文件作为程序执行的入口。

    mkdir src
    cd src
    touch index.js
    

    现在就可以编写你的JavaScript脚本了。在开始之前,可以在index.js文件中添加一个日志语句来检查项目的设置是否正确:

    console.log('Hello World!');
    

    运行项目

    使用node命令在命令行中运行该项目

    node src/index.js
    

    执行之后该日志会显示在命令行中。
    接下来,将上面的命令添加到package.json文件中:

    {
      ...
      "scripts": {
        "start": "node src/index.js",
        "test": "echo \"Error: no test specified\" && exit 1"
      },
      ...
    }
    

    之后,只需要在命令行中运行npm start脚本即可。无论以后对start脚本做了任何更改,程序运行的命令永远都是npm start

    相关文章

      网友评论

          本文标题:创建JavaScript项目

          本文链接:https://www.haomeiwen.com/subject/imrbsctx.html