項目工具-GULP的安裝配置,cnpm 淘寶鏡像的配置詳細全過程

gulp
將開發流程中讓人痛苦或耗時的任務自動化,從而減少你所浪費的時間、創造更大價值。

下載GULP之前我們需要先下載NodeJS

1.下載安裝NodeJS

2.啓動NodeJs

        window
            window鍵 -  nodeJS文件  -   nodejs  prompt
            蘋果電腦  =》終端
            node -v  查看安裝的nodeJS的版本

【拓展】nvm 自行查詢,自行安裝

3.安裝node js
npm : 管理第三方包的包管理器 {npm下載源是國外的網站} 所以我們一般不採用npm下載而是選擇cnpm 淘寶鏡像配置

**

安裝cnpm 淘寶鏡像

**

4.安裝cnpm 淘寶鏡像
https://npm.taobao.org/

安裝代碼 dos界面:

npm install -g cnpm --registry=https://registry.npm.taobao.org

5.cnpm下載一些數據,是從國內淘寶服務器上 下載數據。

6.安裝GUIP到本地

        **注:window不用注意這個細節,蘋果電腦每條命令前都必須加sudo(可以需要輸入密碼)**

1.全局安裝gulp

 cnpm install gulp -g
 gulp -v  查看當前版本

2.進入你想開發項目的這個目錄
創建一個項目的文件夾

注:window的電腦是分磁盤的,如果你在別的盤創建的文件,應該先去切換盤符
D: + enter
E: + enter
cd + 目錄(或拽你創建的文件到dos界面中)
清屏:window cls 蘋果/linux : clear

7.初始化當前目錄

cnpm init

會提醒你是否修改包的名字 不修改直接回車即可
確認版本:確認 回車
當前項目的描述
入口信息 不用設置
當前項目的關鍵字 測試信息
項目是否需要連接git
關鍵字
作者
協議

最後確認回車

注;初始化後生成package.json的文件,存放你當前項目一些配置信息(如果你需要修改信息,可以直接在修改裏面的對應項)

8.當前項目中安裝gulp 安裝到本地

 cnpm install gulp --save-dev
        --save  將這個文件,按照到本地的當前文件夾
        -dev   將安裝gulp的信息保存在package.json裏面

注意:下載完以後 我們在package.json這個文件中有 “gulp”: "^4.0.2"這條命令 因爲這個版本不是最新版本的,爲了後面操作時出現問題 所有一般需要把這個命令刪除,然後再到剛剛創建的包裏面刪除掉node_modules文件夾(下載gulp所依賴的文件)

再次重新下載 @你需要的版本

cnpm install gulp@3.9.1 --save-dev
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章