全新打包工具parcel零配置vue開發(fā)腳手架
parcel-vue 一個基于Parcel打包工具的 VueJS急速開發(fā)腳手架解決方案,強(qiáng)烈建議使用node8.0以上
項目地址: https://github.com/w3c-king/parcel-vue
初始化項目
$ git clone https://github.com/w3c-king/parcel-vue.git
安裝依賴
$ cd parce-vue $ npm install
其中 parcel-bundler 是主要的工具,對于 vue 結(jié)尾的單文件,需要單獨處理文件類型, parcel-plugin-vue 這個插件會通過 vueify 來生成對應(yīng)的代碼, parcel 會自動加載 parcel-plugin 開頭的依賴。
運行開發(fā)環(huán)境,運行成功打開瀏覽器http://localhost:1234即可查看項目
$ npm run dev
打包編譯
$ npm run build
開發(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)行開發(fā)和構(gòu)建。
總結(jié)
以上所述是小編給大家介紹的全新打包工具parcel零配置vue開發(fā)腳手架,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
vscode中使用vue的一些插件總結(jié)(方便開發(fā))
對于很多使用vscode編寫vue項目的新手同學(xué)來說,可能不知道使用什么插件,下面這篇文章主要給大家介紹了關(guān)于vscode中使用vue的一些插件,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11解決echarts 一條柱狀圖顯示兩個值,類似進(jìn)度條的問題
這篇文章主要介紹了解決echarts 一條柱狀圖顯示兩個值,類似進(jìn)度條的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07vue環(huán)境如何實現(xiàn)div?focus?blur焦點事件
這篇文章主要介紹了vue環(huán)境如何實現(xiàn)div?focus?blur焦點事件,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08vue?3.0使用element-plus按需導(dǎo)入方法以及報錯解決
Vue3是不能直接使用Element-ui了,需要換成Element-plus,下面這篇文章主要給大家介紹了關(guān)于vue?3.0使用element-plus按需導(dǎo)入方法以及報錯解決的相關(guān)資料,需要的朋友可以參考下2024-02-02