vue脚手架是什么(Vue脚手架报错)
vue腳手架指的是vue-cli,它是一個專門為單頁面應用快速搭建繁雜的腳手架,它可以輕松的創建新的應用程序而且可用于自動生成vue和webpack的項目模板。
Vue是一個用于構建用戶界面的漸進式框架。它是可以自底向上逐層應用。Vue 的核心庫只關注視圖層,不僅易于上手,還便于與第三方庫或者現有的項目進行整合。 另一方面當與現代化的工具鏈以及各種支持類庫結合使用時,Vue也完全能夠為復雜的單頁應用提供驅動,接下來將介紹Vue中的一個重要內容vue-cli,就有一定的參考價值,希望對大家有所幫助。
【推薦課程:Vue.js教程】
vue-cli是什么
vue-cli是有Vue提供的一個官方cli,專門為單頁面應用快速搭建繁雜的腳手架。它是用于自動生成vue.js+webpack的項目模板,是為現代前端工作流提供了 batteries-included 的構建設置。只需要幾分鐘的時間就可以運行起來并帶有熱重載,保存時 lint 校驗,以及生產環境可用的構建版本
vue-cli的使用
(1)安裝vue-cli
打開終端窗口即打開cmd(win+R快捷鍵)在里面輸入以下內容
npm install -g @vue.cli
登錄后復制
在這篇文章中我們需要安裝vue-cli的版本3或者是更高的版本。如果想查看版本可以輸入以下的命令
vue --version
登錄后復制
如果安裝的版本低于版本3,需要安裝最新版本
(3)創建自定義項目
與Angular和React CLI一樣,Vue的CLI可以輕松創建新的應用程序。Vue方法最酷的特點是可以根據您的目標自定義獲得樣板項目
在終端中輸入以下內容:
vue create my-app
登錄后復制
這是CLI會讓你選擇是要將其中一個預設用于babel還是eslint,還是手動選擇要使用的功能。如果選擇手動,您將看到以下屏幕
當你回答了所有問題Vue將下載并安裝你需要的一切。從那里你可以進入目錄并運行npm run serve來查看項目,或者在你的編輯器中打開它。下圖顯示了如果您選擇了許多或所有可用功能,您的腳手架項目可能會是什么樣子。
總結:以上就是本篇文章的全部內容了,希望通過這篇文章可以幫助大家了解vue-cli的相關知識。
以上就是vue腳手架是什么的詳細內容,更多請關注風君子博客其它相關文章!
總結
以上是生活随笔為你收集整理的vue脚手架是什么(Vue脚手架报错)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: tp5分布式redis_TP5通过缓存数
- 下一篇: 葛兰基金经理管理的基金有哪些