小tips：你不知道的 npm init

前言

在现代新建一个 JS 相关的项目往往都是从 package.json 文件开始的，不过这个文件里需要的字段实在是太多了，正常人都记不住，所以 npm 官方提供了 npm init 命令帮助我们快速初始化 package.json 文件。执行之后会有一个交互式的命令行让你输入需要的字段值，当然如果你想直接使用默认值，也可以使用 npm init -y 来超速初始化。

npx

随着技术的快速发展，发现初始化 package.json 已经无法满足大家的需求了，越来越多的项目需要进行整个项目的初始化。脚手架工具应运而生，除了有通用的脚手架工具 yeoman, sao 之外，很多项目也会开发针对自己项目的脚手架工具，例如 vue-cli, create-react-app 以及专门用来初始化 ThinkJS 项目的脚手架工具 think-cli等。运行这些工具需要先使用 npm install -g 全局安装这些模块之后才能正常运行。每次都执行这两部操作那其实是有点麻烦的，所以 npm@5.2.0 提供了 npx命令将安装运行两个步骤合二为一，直接执行 npx think-cli 会先安装 think-cli 模块然后执行 think-cli 命令，最终完成脚手架的启动。

npm init <initializer>

可能 npm 的维护者们都比较懒吧，他们发现这么执行还挺累的，所以在 npm@6.1.0 里增加了 npm init <initializer> 这种操作，简单来说就是你执行 npm init thinkjs 的话 npm 会补全模块名为 create-thinkjs 并执行 npx create-thinkjs。

npm init thinkjs# same as
npx create-thinkjs

npm init 和 npx 的执行基本是一致的，他们相对于直接执行全局命令来说比较大的优势就是能保证命令模块是最新版的，毕竟如果还要执行 npm update -g 的话又多了一部操作。

参考资料：《Create a project using the npm init initializer command》

小tips：你不知道的 npm init相关推荐

npm init vite-app 是什么意思？
Vue3刚发布不久,官方文档中推荐的创建方法之一就是通过脚手架Vite来创建一个vue3项目,对应的命令为: npm init vite-app hello-vue3 # OR yarn create ...
微信小程序使用npm 进行下载构建组价
1.进入小程序根目录构建前微信小程序目录使用npm 初始化命令进行初始化小程序目录 npm init -y 构建后的目录为构建完成后如何进行使用 {"usingComponents& ...
css3vw适配_小tips：使用rem+vw实现简单的移动端适配
首先设置meta属性,如下代码: 使用如下代码就能实现移动端的适配: html { font-size: -webkit-calc(13.33333333vw); font-size: calc(13 ...
小程序在输入npm命令_微信小程序使用npm包步骤
这里以npm引入小程序官方UI组件库weui-miniprogram为例 1.在小程序根目录内,初始化npm(官方文档上是没写出这一步,这里做个补充) npm init 2.在小程序中执行命令安装 n ...
小程序 | 使用 npm 模块配置 Vant Weapp 框架
之前体验了 iView 的UI框架,感觉还可以主要是因为在开发体验上比原生敲代码好很多,不过 iView 框架可利用的组件较少,比如搜索框的组件等并未涉及,而且已有的组件也存在一些需要自行生硬的修改才 ...
安装npm_微信小程序使用npm安装第三方库
嗨,大家好,我是小马丁这是我的第48篇文章,感谢你的阅读. 从小程序基础库版本 2.2.1 或以上.及开发者工具 1.02.1808300 或以上开始,小程序支持使用 npm 安装第三方包.此文档要 ...
设置微信小程序支持npm（解决微信小程序npm构建时提示“没有找到可以构建的NPM包，请确认需要参与构建的npm都在miniprogramroot目录内，或配置project...”错误）的方法
提示:通过微信开发者工具创建小程序工程后,默认是不开启npm的,需要修改小程序npm配置参数,否则将会提示"没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 minipro ...
微信小程序使用 npm 包，举例图文详解
使用 npm 包前提条件: 下载安装,配置npm环境变量,不懂得可以上网查教程,本文不再描述小程序使用 npm 包简述 1.初始化 package.json 2.勾选允许使用 npm(新版微信小程序 ...
微信小程序五 npm 包、安装 vant组件、promise组件、全局数据共享、分包！！！、自定义 tabBar 案例
总结能够知道如何安装和配置 vant-weapp 组件库参考 Vant 的官方文档能够知道如何使用 MobX 实现全局数据共享安装包.创建 Store.参考官方文档进行使用能够知道如何对小程 ...

小tips：你不知道的 npm init

前言

npx

npm init <initializer>

小tips：你不知道的 npm init相关推荐

最新文章

热门文章