美文网首页
创建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