摘要:最開始的項目開發中,我們如果使用第三方的庫我們會直接在項目中直接使用元素標簽引入即可。安裝成功之后,我們執行以下命令就可以創建一個完整的項目案例。
最開始的項目開發中,我們如果使用第三方的庫我們會直接在項目中直接使用 script 元素標簽引入即可。
Vue 我們也可以這種引入的方式
{{name}}
隨著前端的發展我們出現了模塊化的開發方式,例如異步(AMD)、同步(CommonJS)等等。
在我們正式開始 Vue 項目開始的時候,我們現在安裝一個 Vue Devtools 一個官方的 Vue 調試 chrome 插件,安裝之后我們在 chrome 的控制臺就可以看到我們創建的 Vue 的對象實例。
Vue 給我們提供了上述所有方式的項目引入方式,不但如此,Vue 還給我們提供了一個目前非常流行,非常牛逼的腳手架(Vue CLI )工具,它能在短短的幾分鐘之內就能構建一個完整的單頁面應用 (SPA)項目。其中包含:熱加載、校驗、打包等構建項目等工具;下面我們來一步一步的構件一個新的項目。
安裝工具
//npm npm install -g @vue/cli //yarn yarn global add @vue/cli
安裝完成以后我們驗證下有沒有安裝成功,執行下面命令后如果安裝成功后,會顯示版本號,我安裝的版本是 3.0.4
vue --version
如果你和我一樣恭喜你你安裝成功了,如果沒有安裝成功你可以查看下權限的問題或者該用 cnpm 試試。
安裝成功之后,我們執行以下命令就可以創建一個完整的項目案例。
vue create my-project
執行上述命令以后,會讓我們選擇是按照默認(default)的配置,還是選擇執行配置,如果你已經非常熟悉了腳手架工具或者默認的配置你滿足不了你的需求,你可以選擇自己行配置,不過這里還是建議不太熟悉的同學還是使用默認配置就行。
等待安裝完成之后,我們執行下面命令就可以看到我們的初始化項目了。
cd my-project npm run serve
我這里給的是 8080 端口,我們本地訪問 localhost:8080 查看我們的初始化項目
是不是很酷,我們的第一個項目已經就這樣創建完成,接下來我們就慢慢的去開始我們的項目開發吧。加油!
關注微信公眾號:六小登登。領取全套學習資源
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/97975.html
摘要:哪吒別人的看法都是狗屁,你是誰只有你自己說了才算,這是爹教我的道理。哪吒去他個鳥命我命由我,不由天是魔是仙,我自己決定哪吒白白搭上一條人命,你傻不傻敖丙不傻誰和你做朋友太乙真人人是否能夠改變命運,我不曉得。我只曉得,不認命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處 查看github最新的Vue...
摘要:菜鳥教程這是一個屬性其值是字符串菜鳥教程同上這是一個屬性其值是字符串用于定義的函數,可以通過來返回函數值。它們都有前綴,以便與用戶定義的屬性區分開來。 開篇語 我最近學習了js,取得進步,現在學習vue.js.建議新手學習,請不要用npm的方式(vue-cli,vue腳手架),太復雜了. 請直接下載vue.js文件本地引入,就上手學習吧參照菜鳥教程網站的vue.js教程http://...
摘要:模版語法中的模版是基于的模版語法,所有的模版都是合法的,所以能被遵循規范的瀏覽器和解析器解析。表達式模版中不僅僅可以進行簡單的數據綁定操作,我們還可以在模版中進行簡單的表達式。我們也簡單的敘述了模版編譯的整個流程。 我們在上一篇說到如何把 Vue 實例中的數據顯示到視圖中,就會需要用到我們的模版,我們只是簡單的使用了一些,模版其實還有很多其他的特性。今天我們就來看看模版的其他特性。 模...
摘要:總結這邊文章主要是介紹了下的實例與生命周期,在實例化的過程中我們可以添加許多可選對象,比如生命周期鉤子函數等,讓實例產生我們想要的行為。 理解與認識 Vue 的實例是我們學習 Vue 非常重要的一步,也是非常必須的,因為實例是它的一個起點,也是它的一個入口,只有我們創建一個 Vue 實例之后,我們才行利用它進行一些列的操作。 首先 Vue 沒有完全遵守 MVVM 的架構模式,但是它的設...
摘要:并在上面使用,最終渲染結果將不包括元素。另外一個根據條件展示元素的指令,用法與大致相同。注意,不支持元素,也不支持與看完了文章,你會發現我們可以利用和兩個指令來控制我們元素的行為。 熟悉 Angular 的同學對指令肯定不會陌生,Vue中也借鑒了指令這一特性,在 Vue 中指令都是帶有 v- 的特殊屬性,那么指令有什么作用呢? 我的理解就是:指令是用來控制 DOM 元素的行為,例如最...
閱讀 2359·2021-11-24 11:16
閱讀 2043·2021-09-30 09:47
閱讀 2011·2021-09-10 10:51
閱讀 1328·2019-08-30 14:08
閱讀 3145·2019-08-30 13:47
閱讀 1534·2019-08-30 13:02
閱讀 3238·2019-08-29 12:29
閱讀 3205·2019-08-26 17:05