本文目錄一覽:
nodejs安裝及環境配置
nodejs安裝及環境配置:
此處的環境配置主要配置的是npm安裝的全局模塊所在的路徑,以及緩存cache的路徑,之所以要配置,是因為以後在執行類似:npm install express (後面的可選參數-g,g代表global全局安裝的意思)的安裝語句時,會將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中,佔C盤空間。
例如:我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中,則在我的安裝目錄下創建兩個文件夾【node_global】及【node_cache】。
關鍵步驟:
緩存路徑和全局路徑:
npm config set prefix 「D:\Program Files\nodejs\node_global」
npm config set cache 「D:\Program Files\nodejs\node_cache」12
註:1、在安裝路徑D:\Program Files\nodejs\下需要創建node_cache和node_global文件夾,
D:\Program Files\nodejs\node_global 下需要創建node_modules文件夾/2、安裝最開始的方法,打開系統屬性-高級-環境變數,在系統變數中新建 變數名:NODE_PATH,變數值: D:\Program Files\nodejs\node_global\node_modules。
如何配置node環境配
第一步:下載安裝文件
下載nodejs
第二步:安裝nodejs
下載完成之後,雙擊”node-v0.10.28-x86.msi”,開始安裝nodejs,自定義安裝在D:\dev\nodejs下面。
在cmd控制台輸入:node -v,控制台將列印出:v0.10.28,出現版本提示表示安裝成功。
該引導步驟會將node.exe文件安裝到D:\dev\nodejs\目錄下,並將該目錄添加進PATH環境變數。
第三步:npm安裝
由於新版的nodejs已經集成了npm,所以之前npm也一併安裝好了。同樣可以使用cmd命令行輸入”npm -v”來測試是否成功安裝。如下圖,出現版本提示表示安裝成功。
常規NodeJS的搭建到現在為止已經完成了,急不及待的話你可以在」cmd「輸入」node「進入node開發模式下,輸入你的NodeJS第一句:」hello world「 – 輸入:console.log(‘hello world’)。
第四步:安裝相關環境
我們要先配置npm的全局模塊的存放路徑以及cache的路徑,例如我希望將以上兩個文件夾放在NodeJS的主目錄下,便在NodeJs下建立”node_global”及”node_cache”兩個文件夾。如下圖:
啟動cmd,輸入:
npm
config set prefix”C:\Program
Files\nodejs\node_global”
以及
npm configset
cache”C:\Program Files\nodejs\node_cache”
現在可以安裝模塊了:
npm install express -g
npm install jade -g
npm install mysql -g
默認情況下上述組件都是安裝在C:\Program
Files\nodejs\node_global文件夾下,默認為C:\Program Files\nodejs\node_modules文件夾下,這也是nodejs相關組件的自動查找路徑。
備註:安裝模塊會卡住可能是由於國內的限制。
關閉cmd,打開系統對話框,「我的電腦」右鍵「屬性」-「高級系統設置」-「高級」-「環境變數」。如下圖:
進入環境變數對話框,在系統變數下新建”NODE_PATH”,輸入」C:\Program Files\nodejs\node_global\node_modules「。(ps:這一步相當關鍵。)
由於改變了module的默認地址,所以上面的用戶變數都要跟著改變一下(用戶變數”PATH”修改為「C:\Program Files\nodejs\node_global\」),要不使用module的時候會導致輸入命令出現「xxx不是內部或外部命令,也不是可運行的程序或批處理文件」這個錯誤。
以上步驟都OK的話,我們可以再次開啟cmd命令行,進入node,輸入「require(‘express’)」來測試下node的模塊全局路徑是否配置正確了。正確的話cmd會列出express的相關信息。如下圖(如出錯一般都是NODE_PATH的配置不對,可以檢查下。
補充說明:
所有命令都是-g進行全局安裝的,這樣安裝的安裝包都在當前用戶下,在磁碟的所有其他地方都可以訪問到,比較方面。否則安裝在當前目錄下,只能在當前目錄下使用。
安裝express問題
安裝nodejs安裝包後,通過npm安裝express後,運行express提示” express”不是內部或外部命令,原因是版本問題,當前版本是4.0.0,改成3.5.0即可運行。
$ npm install -g express@3.5.0
前端環境的安裝與配置
前端環境的安裝與配置?一、工具安裝
1.編輯器
2.Git(分散式的代碼管理工具)
3.Photoshop
4.Nodejs鏈接
二、 環境配置
1.配置git:
1.1 設置Git的user name和email:
$ git config –global user.name “name”
$ git config –global user.email “xxxx@vchangyi.com”
1.2 生成SSH密鑰過程:(看需求配置)
$ ssh-keygen -t rsa -C “xxxx@vchangyi.com”
3個回車,密碼為空。
Your identification has been saved in /home/tekkub/.ssh/id_rsa.
Your public key has been saved in /home/tekkub/.ssh/id_rsa.pub.
The key fingerprint is:
………………
最後得到了兩個文件:id_rsa和id_rsa.pub
添加密鑰到ssh:
登陸gitlab, Profile Settings – SSH Keys – ADD SSH KEYS ,找到本地的id_rsa.pub文件,複製出裡面的內容,添加到 key 內,此時 Title 會自動填上你的郵箱,沒有的話手動填寫, ADD KEY
1.3 拉取代碼到本地(許可權)
創建一個存放項目的文件夾,在該文件夾下,單擊右鍵,選擇git bash,打開git命令框,編寫命令:git clone git@gitlab.vchangyi.com:xx/xx.git(可以在gitlab項目中找到存放地址,gitlab地址: ),按回車,就可以從gitlab上clone代碼到本地文件夾
1.4 手動安裝nodejs,如果是pc端安裝的話,nodejs版本不能過低。
安裝最新版的話npm安裝項目依賴會有問題,手機端gulp無法啟動,所以建議安裝nodejs V6。
1.5 測試node是否安裝成功
在git 命令窗或者node 命令窗中輸入命令 :node -v
1.6 同理,測試npm是否安裝成功npm -v
1.7安裝gulp
在項目下打開git 命令窗,從淘寶源上自行安裝,這個時間需要等待和耐心,也會有網路原因導致安裝失敗,如果安裝失敗可以多來幾次,直到成功為止。
如果是pc端:npm install –registry= –phantomjs_cdnurl=
npm 安裝時候 持久使用淘寶源 設置:
npm config set registry
配置後可通過下面方式來驗證是否成功
npm config get registry
或
npm info express
如何配置nodejs環境
win系統下nodejs安裝及環境配置
第一步:下載安裝文件
下載nodejs,官網:我這裡下載的是node-v0.10.28-x86.msi,
第二步:安裝nodejs
下載完成之後,雙擊”node-v0.10.28-x86.msi”,開始安裝nodejs,自定義安裝在D:\dev\nodejs下面。
在cmd控制台輸入:node -v,控制台將列印出:v0.10.28,出現版本提示表示安裝成功。
該引導步驟會將node.exe文件安裝到D:\dev\nodejs\目錄下,並將該目錄添加進PATH環境變數。
第三步:npm安裝
由於新版的nodejs已經集成了npm,所以之前npm也一併安裝好了。同樣可以使用cmd命令行輸入”npm -v”來測試是否成功安裝。如下圖,出現版本提示表示安裝成功。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/240914.html