readme ?: 因為我在在spm3中主要用到的是spm build這個命令,因此本文簡單的介紹一下如何安裝spm3和使用其中的spm build命令
一.安裝
1.安裝nodejs
直接去官網下載nodejs,然后進行安裝,這里就不詳細說明了,安裝好以后可以嘗試一下node -v這個命令,如果安裝成功的話一般都會彈出版本號
2.安裝spm3
打開cmd(命令提示符),然后鍵入npm install spm -g,因為新安裝的spm都是默認最新的,也就是spm3,至少現在還是這樣~
在上面這個過程中其實會發生很多事,比如安裝失敗,it‘s so 正常~畢竟每臺電腦的環境不一樣么~不過我自己在三臺電腦上進行了安裝,一開始都有些錯誤,不過最后經過我的努力,終于都搞定了。
這里我大概說下可能出現錯誤的原因:
(上面“一”和“1”都用過了,大家就將就下我的英語吧~嘿~嘿)
first:nodejs的版本太低,這個可能需要你安裝新的nodejs才能解決
second:你運行npm install spm的環境可能不太對,最好還是直接在cmd窗口中運行,因為我在powercmd這個軟件中安裝了三次都失敗了,最后在電腦原生的cmd窗口中運行了一下就裝好了
三.使用
1.生成項目
也許你之前使用過了spm2或者更早的,那么你可能不需要再看了,因為你可能比我更了解它了~
這里我還想說的是,這里我所寫的都是不適用gruntjs的哦~如果要配合gruntjs的話,你可以用grunt安裝個shell插件來執行build spm這個命令(不用grunt的孩子們這句話就別管了哦~)
言歸正傳:將cmd的目錄跳轉到在你準備構建項目的目錄下,然后鍵入spm init,它會自動給你構建出項目的
其實構建出來的這么多東西大部分都沒什么用,其中最有用的當然就是package.json。
2.package.json解釋
這里呢,我給大家一個官方的文檔地址http://spmjs.io/documentation/package.json,大家可以去看下,雖然是英文的,但是TMD是國人自己寫的,為什么不MMD寫成中文的呢,我********,好了,不說了,都是淚~
看了官網的文檔,也許你還是不太明白,其實我也不是很明白,我只好給大家講講我自己的看法和簡介了~
當你打開這個json文檔的時候,你會看到spm這個節點,下面有個
dependencies,在它下面放的都是一些插件和工具(給代碼用的,我想jq在里面你就能夠理解它是干嘛的了),而main這個節點是js的一個主入口,一開始我也不太理解,不過最后我還是不太理解,我覺得能用到的地方是當你開發一款插件(最后只生成一個js的項目)的時候需要用到。
其中比較有用的我感覺是output,這個是一個數組,用來寫你js的原始路徑(只需要寫你主要的js路徑就ok了,生成的路徑是spm自己生成的)。
3.構建項目
在構建項目時主要也是唯一可以用到的就是運行spm build方法了,這個方法會生成一個dist文件夾,里面的文件什么的,都是通過package.json這個文件中的配置來生成的,所以最好了解一下package.json這個文件。
當你生成好以后修改你頁面中seajs.use的路徑(也可以修改seajs.config),就能夠運行你的項目了!!!
4.say fuck~
oh,no~~~why 我的項目跑步起來,js沒報錯?但是就是js不執行?
我遇到這個情況已經不是一次了,我一開始搞了好久都是這個問題,惱火死我了,真心不想用spm3了,這蛋疼的東西~~~
后來我才知道原來spm3是整合符合cmd規范的,使用seajs來開發的代碼!所以你的模塊化代碼不需要再寫define這個東西,而require、exports、module依然還是存在的不需要你自己寫。
當然這也產生了很多問題,就是沒有構建的時候你的模塊化代碼無法跑起來,而構建的時間又“很長”,所以只能說spm3還不夠完善~i think 是這樣的~
?
總結:
這是我第一次在博客園發隨筆哦,技術水平不夠請各位大俠擔待~so 3Q~
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
