vue.js在windows本地下搭建環境和創建項目

Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是,Vue 采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層,并且非常容易學習,非常容易與其它庫或已有項目整合。另一方面,Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。

首先vue.js的作者是中國人,所以說他是國產的,吸收了google的angular.js和facebook的react.js的特性,摒棄了jquery傳統的DOM操作,采用數據綁定和指令等概念,可以說是未來WEB端開發的趨勢,但是也并不代表jquey就淘汰了,存在即合理,jq應該在以后會有其他領域的價值,這里我就不多說了。

說了這么多,我們還是開始怎么搭建vue.js的環境吧。首先要搭建vue的環境需要借助node.js的npm的包管理器。這個npm我就不詳細介紹了,網上自己去百度,反正后面要安裝的一系列的依賴或者包都要用到這個。

一、node.js的安裝

node.js近幾年很火熱,開始我以為是一門語言,其實只是一個平臺,他封裝了chorme v8的引擎,可以直接用js作為服務器端腳本語言。https://nodejs.org/en/download/進去該網站下載最新版本的node,


下載地址

注意npm版本是3.8以上的就行。后面就是下一步下一步的安裝就可以了。安裝完成后,wind+r? 彈出cmd,輸入node -v 和 npm -v? 分別查看版本號,代表node.js安裝完成。


查看版本

出現過的問題

node 不是內部或外部命令 也不是可運行的程序

系統環境變量設置


系統環境變量設置

二、node.js的環境變量的新建。

其實安裝完node,就自動在path里增加環境變量,但是為了以后的本地部署項目,我們需要找到node.js的安裝根目錄,在當中新建“node_global”和"node_cache"兩個文件夾。


1、啟動CMD依次執行以下兩條命令

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"


執行命令

命令執行之后不能立馬生成文件夾,稍微等幾分鐘。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容