美文网首页
npm的简单实用

npm的简单实用

作者: 前往圣所的地方 | 来源:发表于2018-08-18 20:23 被阅读0次

基于node.js 创建的项目,通常会有一个 package.json 文件。不过,有时候,你会发现有的工程并没有这个package.json文件,但工程也可以正常运行。

其实,每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。npm install命令会根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。

这么说来,package.json文件,即使没有这个文件也没关系。 考虑到项目的完整性和可维护性, 还是加上为好。 让我们一起看看基于node创建一个项目的完整步骤吧

  1. 首先要安装node,安装npm,安装成功后,执行以下命令,看到版本号则安装成功。
    node -v
    npm -v

  2. 新建一个项目文件夹,在该文件夹下打开命令行窗口。执行以下命令,实例化一个package.json文件。
    npm init

这个命令采用互动方式,要求用户回答一些问题,然后在当前目录生成一个基本的package.json文件。所有问题之中,只有项目名称(name)和项目版本(version)是必填的,其他都是选填的。


npm init

之后再回到自己的项目文件夹去查看,果然增加了一个package.json文件。另外还有一个node_modules文件夹,npm install的模块,就装在这个文件夹里。


查看项目文件夹
  1. 安装模块
    npm install webpack -g
    npm install webpack --save
    npm install webpack --save-dev
    例如,添加一个webpack的模块。-g参数是global的缩写,即全局安装该模块。--save参数表示将该模块写入dependencies属性,--save-dev表示将该模块写入devDependencies属性。install也可以缩写为“ i ”。
    npm install webpack --save-dev

呐,想学习webpack的同学, 入门 Webpack,看这篇就够了

相关文章

  • npm简单实用

    NPM(Node Package Manager)包管理和分发工具,下载、安装、上传、管理已安装的包1.安装、更新...

  • npm的简单实用

    基于node.js 创建的项目,通常会有一个 package.json 文件。不过,有时候,你会发现有的工程并没有...

  • 发布一个简单的npm包

    本文简单地记录了发布一个简单npm包的过程,以便后续参考使用。 初始化npm init 通过npm init创建一...

  • Vue整合CKeditor配置、初始化、虚拟dom无法通过id获

    1.npm install --save我是实用的npm来安装的ckeditor,然后从本地保存的目录中复制了一个...

  • npm实用小技巧

    更快init出package.jsonnpm init -y 枚举可用的脚本1.cat package.json2...

  • NPM的简单使用

    npm是javascript的包管理工具,类似java语法当中的maven, gradle, python的pip...

  • NPM的简单使用

    npm是javascript的包管理工具,类似java语法当中的maven, gradle, python的pip...

  • 简单学习npm

    一、npm是什么? 在讲npm是什么之前,我们来讲一下什么是Node。Node是JavaScript语言的服务器运...

  • parcel+vue入门

    一、parcel简单使用 npm install -D parcel-bundler npm init -y (...

  • 原生 node 搭建最基础的 npm 工具包

    本文会简单介绍一下 npm,如果着急进食,请跳过 「 1 npm 」这节。 1 npm 1.1 npm简介 相信有...

网友评论

      本文标题:npm的简单实用

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