Vue.js 是一套構建用戶界面的漸進式框架。他自身不是一個全能框架――只聚焦于視圖層。因此它非常容易學習,非常容易與其它庫或已有項目整合。在與相關工具和支持庫一起使用時,Vue.js 也能完美地驅動復雜的單頁應用。
在配置環境之前呢,有些基礎的東西還是要和大家普及一下的.如果你已經對Vue.js有所了解,那請點擊 配置步驟 跳轉到配置環境的閱讀,否則,請耐心看完看完。
首先,介紹一下Vue.js的概念,他是干啥的呢?一定要配置vue的運行環境嗎?
如上述Vue.js不是個全能的框架,因為他的作用只聚焦在視圖層。可以理解為他是一個庫,是一個提供盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。Vue.js 可以直接在html里引用,也就是說直接引入他的js文檔(如下圖),就可以在HTML文件中添加vue.js指令了。
那既然如此簡單就可以完事,我們所謂的運行環境配置又是怎么回事呢?是這樣的,使用npm引入是方便 包管理 。如果是初學者,職位練習vue的使用,那您大可不必配 置環境,因為只要導入js就足夠了。但是,如果是以后要用到vue做項目的話,配置環境是必須的。當項目與后臺鏈接在一起時,需要導入的文件會很多,你總不能用到啥就導 入啥吧!這是就要用到 Node.js前端自動化的概念了。簡單的說就是,把你用到的東西打包導入,我們只需要了解如何使用,其他的讓系統來做,讓前端開發更爽。
<script type="text/javascript" src="js/vue.js" ></script>
其次,介紹一下Node.js的概念,他又是干啥的?為啥要安裝他?
Node.js是一個Javascript運行環境。實際上它是對Chrome V8引擎進行了封裝。Node 是一個服務器端 JavaScript 解釋器,他會改變服務器應該如何工作的概念。它的目標是幫助程序員構建高度可伸縮的應用程序,編寫能夠處理數萬條同時連接到一個物理機的連接代碼。那直白的說,Node.js就是服務器程序,是用來做后端的技術,不能直接用于前端開發。但是干前端的學會了會更加的牛逼,對編程的思想和代碼效率有很大的提升。Node大量使用時間驅動實現異步開發,能夠高效的打通前后端,所以vue也是采用他作為配置環境,便于大型項目的開發。
那么作為新手如何來搭建 Vue.js 的運行環境呢,請跟著我的流程走。
Vue.js的運行環境配置,主要分為3步:
1.安裝Node.js(JavaScript運行環境)
2.安裝Vue.js
3.搭建Vue-cli 創建項目
那現在開始正式安裝。
(1)首先,下載 Node.js,請點擊 下載Node ,這里根據你需要的配置下載即可,一般我們windows系統下載 Windows Installer (.msi) 64位的就好。下載完畢后,會有這樣的一個圖標點擊安裝,然后沒有什么要特別注意的,直接下一步就可以,但是要知道你安裝的路徑,養成良好的習慣。
安裝完以后,打開命令行(Windows+R)快捷鍵打開cmd窗口,輸入 node -v ,如果出現版本號,那就安裝成功!
(2)接下來,安裝vue.js。因為 NPM 服務器在國外,安裝速度慢,所以都使用淘寶的鏡像。注意,此步驟需要網絡,請保持保持網絡通暢。
打開cmd命令框,輸入
npm install -g cnpm
主站蜘蛛池模板:
盱眙县|
定州市|
项城市|
岐山县|
富宁县|
南宁市|
嵊州市|
新晃|
广宁县|
辽阳市|
夹江县|
蒙自县|
铜山县|
宜昌市|
潼南县|
林周县|
宁强县|
武隆县|
奉节县|
五寨县|
冷水江市|
易门县|
增城市|
苏尼特右旗|
武夷山市|
浦城县|
祥云县|
盐津县|
勐海县|
蒲江县|
新化县|
枣阳市|
武定县|
确山县|
龙岩市|
定边县|
高碑店市|
溆浦县|
永平县|
太保市|
靖江市|