用NODE寫一個腳手架工具

ctriptech 發布于2019-08-20 15:56 / 3461人閱讀

摘要：是執行的源文件的所在路徑，也就是文件所在的，也就是腳手架中的源文件路徑。

首先拋出一個問題，大家在使用webpack，webpack-dev-server，babel-cli，vue-cli，npm這類工具的時候有沒有思考過一個問題？為什么我全局安裝這個模塊之后，就能在shell中使用webpack，babel這些命令？

解答：之所以能使用webpack這些命令，意味著我在npm install webpack -g時，有個可執行文件添加到了我的環境變量中,如下圖：

于是我在shell中敲擊webpack命令，系統就會在環境變量中查找webpack，然后執行link file指向的webpack bin目錄下的webpack.js 文件。接著就可以順利的執行webpack相關的功能，編譯打包靜態文件........

那么讓我們開始用node寫一個CLI工具！！！

第一步：首先要學會發布一個npm包

很簡單，到npmjs注冊一個賬號，注冊好之后，到你的項目下

執行 npm login，按提示操作即可

接著 npm publish，進入你想要發布的包下，執行該命令即可

不出意外，就成功發布了一個npm包

第二步：那么如何全局安裝這個包的時候，將可執行文件注冊到環境變量？

重點就是，package.json，bin配置可以將開發者希望執行的腳本注冊到環境變量，順便把我的腳手架的項目結構po出來，源碼： https://github.com/zhentaoo/p...

在執行 npm install -g poke-ball之后，就能在環境變量中找到link file kk
如圖：

此時當我在shell中敲擊kk的時候，就會執行對應的kk文件，于是就有了接下來的一系列操作.

第三步：需要注意的問題

在寫腳手架工具中，容易混亂的一個問題就是路徑，因為操作文件的過程中，你可能需要把CLI中的模版文件復制到當前項目中。因此就出現了2個路徑
分別是

process.cwd() 當前工作目錄，也就是你的當前項目的路徑。

__dirname 是執行的源文件的所在路徑，也就是bin文件所在的path，也就是腳手架中的源文件路徑。

第四步：優化的點

seed如果和CLI集成在一起，假如seed需要升級，那么CLI也不得不升級，所有使用方都不得不重新安裝CLI。可以把兩者拆開。

CLI在new一個seed的時候，使用 git clone，但如果seed版本過多，seed的git倉庫勢必很大.使用git clone --depth 1，只clone最新版本會是個不錯的方案.之后在rm -rf .git

云服務器 GPU云服務器用html寫一個秒表用php寫一個日志用java寫一個單例寫一個存儲過程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82592.html

從 1 到完美，寫一個 js 庫、node 庫、前端組件庫

摘要：從到完美，寫一個庫庫前端組件庫之前講了很多關于項目工程化前端架構前端構建等方面的技術，這次說說怎么寫一個完美的第三方庫。使用導出模塊，就可以在使用這個庫的項目中構建時使用功能。從 1 到完美，寫一個 js 庫、node 庫、前端組件庫之前講了很多關于項目工程化、前端架構、前端構建等方面的技術，這次說說怎么寫一個完美的第三方庫。 1. 選擇合適的規范來寫代碼 js 模塊化的發展大致有...

rollback 2019-08-29 17:18 評論0 收藏0
從 1 到完美，寫一個 js 庫、node 庫、前端組件庫

摘要：從到完美，寫一個庫庫前端組件庫之前講了很多關于項目工程化前端架構前端構建等方面的技術，這次說說怎么寫一個完美的第三方庫。使用導出模塊，就可以在使用這個庫的項目中構建時使用功能。從 1 到完美，寫一個 js 庫、node 庫、前端組件庫之前講了很多關于項目工程化、前端架構、前端構建等方面的技術，這次說說怎么寫一個完美的第三方庫。 1. 選擇合適的規范來寫代碼 js 模塊化的發展大致有...

xiaolinbang 2019-08-26 13:22 評論0 收藏0
本命年一定要記得穿紅褲衩：2015年總結

摘要：年終總結結果到這個時間才寫，其實也是無奈。這一年最重要的事情就是順利從一只學生狗轉職為一只社畜。四月份畢業之后以前端工程師的職位入職天貓，到現在也差不多工作一年了。年終總結結果到這個時間才寫，其實也是無奈。本來計劃過年寫的，沒想到Steam竟然開了個農歷春節特惠，然后就被各種游戲打了，辣雞平臺，斂我錢財，頹我精神，耗我青春，害我單身以下全都是個人看法，如果有不認同的地方，請大吼一聲...

AlienZHOU 2019-08-19 17:38 評論0 收藏0
本命年一定要記得穿紅褲衩：2015年總結

摘要：年終總結結果到這個時間才寫，其實也是無奈。這一年最重要的事情就是順利從一只學生狗轉職為一只社畜。四月份畢業之后以前端工程師的職位入職天貓，到現在也差不多工作一年了。年終總結結果到這個時間才寫，其實也是無奈。本來計劃過年寫的，沒想到Steam竟然開了個農歷春節特惠，然后就被各種游戲打了，辣雞平臺，斂我錢財，頹我精神，耗我青春，害我單身以下全都是個人看法，如果有不認同的地方，請大吼一聲...

xi4oh4o 2019-08-01 15:06 評論0 收藏0