小tips:你不知道的 npm init

前言

在現代新建一個 JS 相關的項目每每都是從 package.json 文件開始的,不過這個文件裏須要的字段實在是太多了,正常人都記不住,因此 npm 官方提供了 npm init 命令幫助咱們快速初始化 package.json 文件。執行以後會有一個交互式的命令行讓你輸入須要的字段值,固然若是你想直接使用默認值,也可使用 npm init -y 來超速初始化。vue

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 命令,最終完成腳手架的啓動。react

npm init <initializer>

可能 npm 的維護者們都比較懶吧,他們發現這麼執行還挺累的,因此在 npm@6.1.0 裏增長了 npm init <initializer> 這種操做,簡單來講就是你執行 npm init thinkjs 的話 npm 會補全模塊名爲 create-thinkjs 並執行 npx create-thinkjsvue-cli

npm init thinkjs

# same as
npx create-thinkjs

npm initnpx 的執行基本是一致的,他們相對於直接執行全局命令來講比較大的優點就是能保證命令模塊是最新版的,畢竟若是還要執行 npm update -g 的話又多了一部操做。npm

參考資料:《Create a project using the npm init initializer command》json

相關文章
相關標籤/搜索