1. 程式人生 > >筆記本win10安裝node的尖酸歷程。。。。。。

筆記本win10安裝node的尖酸歷程。。。。。。

mage 名稱 內部 選擇 控制 新建 來安 dem 構建工具

在公司的電腦搭建vue環境分分鐘搞定,周末閑的無聊給自己的電腦也搭建一個環境,誰知道這麽多的問題,記錄下這些問題,希望對那些安裝node環境有問題的朋友一些幫助。

1.下載安裝node

下載地址http://nodejs.cn/download/,安裝的時候要知道自己安裝的路徑,因為要在環境配置裏邊配置,我之前沒有配置就一直提示node不是內部指令,所以接下來我給大家演示一遍;

我按照node安裝默認地址C:\Program Files\nodejs\,然後打開終端,輸入命令:node-v,提示不是內部指令,這時候你要操作:

桌面:我的電腦——》右擊屬性——點擊高級系統配置——環境變量——用戶變量PATH要修改一下;

我在用戶變量Path的最後又追加了C:\Program Files\nodejs\,然後重新打開cmd窗口,發現在控制臺中可以使用node命令了。

技術分享

oK!node環境已經安裝完成,npm包管理器也有了。由於有些npm有些資源被屏蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所有我還需要npm的國內鏡像---cnpm

2:cnpm 安裝

在命令行中輸入npm install -g cnpm --registry=http://registry.npm.taobao.org然後等待,完成之後,輸入命令:cnpm -v 檢查,如下圖:

技術分享

我們就可以用cnpm代替npm來安裝依賴包了。

3:安裝vue-cli腳手架構建工具

命令為:cnpm install -g vue-cli,回車,等待安裝

安裝完成後,我們可以輸入命令:vue,檢查是否安裝成功;

技術分享

4.開始搭建vue項目

新建一個文件夾,我自己選擇在桌面見一個文件夾,名叫vue,輸入命令:cd vue,進入到vue這個文件夾,

在輸入命令:vue init webpack vue-demo,這說明你搭建的項目名稱叫做demo

技術分享

技術分享

按照上面提示的指令一個一個來:這時候我們會發現文件夾中多了一個文件node_modules,這是項目所需要的依賴包;

安裝完成後,輸入npm run dev 運行,這時候我們會發現一個vue前端本地項目就搭建好了;

之後就不細說了,有一篇是詳細說明搭建vue,本篇著重說明node安裝以及環境變量的配置,希望對你有幫助。

END!

筆記本win10安裝node的尖酸歷程。。。。。。