全新打包工具parcel零配置vue開(kāi)發(fā)腳手架
parcel-vue 一個(gè)基于Parcel打包工具的 VueJS急速開(kāi)發(fā)腳手架解決方案,強(qiáng)烈建議使用node8.0以上
項(xiàng)目地址: https://github.com/w3c-king/parcel-vue
初始化項(xiàng)目
$ git clone https://github.com/w3c-king/parcel-vue.git
安裝依賴
$ cd parce-vue $ npm install
其中 parcel-bundler 是主要的工具，對(duì)于 vue 結(jié)尾的單文件，需要單獨(dú)處理文件類型， parcel-plugin-vue 這個(gè)插件會(huì)通過(guò) vueify 來(lái)生成對(duì)應(yīng)的代碼， parcel 會(huì)自動(dòng)加載 parcel-plugin 開(kāi)頭的依賴。
運(yùn)行開(kāi)發(fā)環(huán)境,運(yùn)行成功打開(kāi)瀏覽器http://localhost:1234即可查看項(xiàng)目
$ npm run dev
打包編譯
$ npm run build
開(kāi)發(fā)
目錄結(jié)構(gòu)
src ├── router ├── index.js ├── assets ├── logo.png ├── components ├── Hello ├── index.js ├── index.js ├── views ├── HelloWorld ├── images ├── logo.png ├── HelloWorld.vue ├── styles ├── common.css ├── store ├── global ├── global.js ├── index.js ├── index.js ├── app.vue ├── index.js
只需要執(zhí)行 npm run dev 和 npm run build 就可以進(jìn)行開(kāi)發(fā)和構(gòu)建。
總結(jié)
以上所述是小編給大家介紹的全新打包工具parcel零配置vue開(kāi)發(fā)腳手架，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
在vue2中提供了.sync修飾符,但是在vue3中不再支持.sync,取而代之的是v-model,本文給大家介紹在Vue2中v-model和.sync區(qū)別,感興趣的朋友一起看看吧2023-10-10
利用Vue-draggable組件實(shí)現(xiàn)Vue項(xiàng)目中表格內(nèi)容的拖拽排序
這篇文章主要介紹了利用Vue-draggable組件實(shí)現(xiàn)Vue項(xiàng)目中表格內(nèi)容的拖拽排序，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-06-06
Antd下拉選擇,自動(dòng)匹配功能的實(shí)現(xiàn)
這篇文章主要介紹了Antd下拉選擇,自動(dòng)匹配功能的實(shí)現(xiàn)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
uniapp寬屏開(kāi)發(fā)PC端方案及衍生問(wèn)題解決辦法
在uniapp中進(jìn)行寬屏開(kāi)發(fā),主要是指在電腦端(PC端)使用寬屏顯示效果進(jìn)行應(yīng)用的開(kāi)發(fā),這篇文章主要給大家介紹了關(guān)于uniapp寬屏開(kāi)發(fā)PC端方案及衍生問(wèn)題解決辦法,需要的朋友可以參考下2024-03-03
這篇文章主要為大家詳細(xì)介紹了Vue父組件如何獲取子組件中的變量，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要為大家介紹了vue3中的透?jìng)鱝ttributes教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
在Vue項(xiàng)目中取消ESLint代碼檢測(cè)的步驟講解
今天小編就為大家分享一篇關(guān)于在Vue項(xiàng)目中取消ESLint代碼檢測(cè)的步驟講解，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-01-01
這篇文章主要為大家詳細(xì)介紹了vue組件間通信子與父的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了vue中的過(guò)濾器，本文通過(guò)文字實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06
Element?UI表單驗(yàn)證規(guī)則動(dòng)態(tài)失效問(wèn)題的解決辦法
這篇文章主要給大家介紹了關(guān)于Element?UI表單驗(yàn)證規(guī)則動(dòng)態(tài)失效問(wèn)題的解決辦法,Element UI提供了強(qiáng)大的表單驗(yàn)證功能,可以輕松地對(duì)表單進(jìn)行驗(yàn)證,需要的朋友可以參考下2023-09-09