2 VUE的執行環境 npm

2021-10-09 18:20:24 字數 1769 閱讀 4029

vue的執行環境—npm

由於新版的nodejs已經整合了npm,所以之前npm也一併安裝好了。同樣可以使用cmd命令列輸入"npm -v"來測試是否成功安裝。如下圖,出現版本提示便ok了。

常規nodejs的搭建到現在為止已經完成了,急不及待的話你可以在」cmd「輸入」node「進入node開發模式下,輸入你的nodejs第一句:」hello world「 - 輸入:console.log('hello world')。 ![在這裡插入描述]( ①、我們要先配置npm的全域性模組的存放路徑以及cache的路徑,例如我希望將以上兩個資料夾放在nodejs的主目錄下,便在nodejs下建立"node_global"及"node_cache"兩個資料夾。如下圖

②、啟動cmd,輸入

這時候node_global資料夾中會出現:etc

注意:如果沒有出現這個檔案,這說明許可權問題。需用系統管理員的許可權開啟cmd視窗。

③、現在我們來裝個模組試試,選擇express這個比較常用的模組。同樣在cmd命令列裡面,輸入「npm install express -g」(「-g」這個引數意思是裝到global目錄下,也就是上面說設定的「c:\program files\nodejs\node_global」裡面。)。待cmd裡面的安裝過程滾動完成後,會提示「express」裝在了哪、版本還有它的目錄結構是怎樣。如下圖

如果出現下圖,說明許可權問題,跳到②中的注意,用管理員去執行"cmd"。

④、關閉cmd,開啟系統對話方塊,「我的電腦」右鍵「屬性」-「高階系統設定」-「高階」-「環境變數」。如下圖

⑤、配置環境變數,在系統變數下新建"node_path",輸入」c:\program files\nodejs 「。修改path:增加%node_path%;%node_path%\node_modules;%node_path%\node_global; (ps:這一步相當關鍵。否則會出現』vue』 不是內部或外部命令,也不是可執行的程式 或批處理檔案。等問題)

⑥、以上步驟都ok的話,我們可以再次開啟cmd命令列,進入node,輸入「require(『express』)」來測試下node的模組全域性路徑是否配置正確了。正確的話cmd會列出express的相關資訊。

vue學習筆記 2 vue簡介

本次學習主要來自官網的教程 vue應用是由乙個根vue例項開始的。vue會將資料繫結到data中,當data資料改變時也會導致檢視的改變 觀察者模式 可以實現資料的雙向繫結 響應式 vue例項中的屬性可以通過 屬性名的方式獲取,入 data vue是在初始化時繫結資料的,如果初始化後再次新增元素,則...

原生彈框2 vue

詳情彈框 src assets images u291.svg altstyle width 16px height 16px cursor pointer id close click close 詳情內容 小結 彈框 樣式思路 btn 觸發彈窗的按鈕,其實就是來控制display none和bl...

VUE基礎知識2 VUE介紹

一 vue介紹 在vue中,很多時候不能用箭頭函式。vue.js 是一套構建使用者介面的漸進式框架。框架和庫的區別 框架 vue,乙個擁有完整的解決方案,我們寫好人家呼叫我。庫 juqery,underscore 模板引擎 zepto,animate.css。我們呼叫它。漸進式vue全家桶 vuej...