新建vue單頁面應(yīng)用
使用vue/cli新建,基于webpack
$ node -v //查看node版本(未安裝 下載地址https://nodejs.org/en
$ npm -v //查看npm版本(未安裝 cmd執(zhí)行 :npm config set registry https://registry.npm.taobao.org 配置淘寶鏡像安裝相關(guān)依賴
$ npm install vue-cli -g //安裝vue-cli腳手架構(gòu)建工具
$ npm config list //查看vue-cli是否成功
使用vue-cli2.x的初始化方式螟凭,可以使用github上面的一些模板來初始化項(xiàng)目虚青,
webpack是官方推薦的標(biāo)準(zhǔn)模板,另外還有 simulatedgreg/electron-vue模板名
$ vue init webpack test1 //新建項(xiàng)目
$ npm run dev //運(yùn)行項(xiàng)目
$ vue init simulatedgreg/electron-vue test10 // electron-vue的模板
使用vue-cli3.x的初始化方式螺男、可選擇vue2.0或3.0)
$ vue create test2 //新建項(xiàng)目
$ npm run serve //運(yùn)行項(xiàng)目
使用vite新建 vue 3.0
不基于webpack棒厘,速度更快纵穿,體積更小,僅支持vue3.x奢人,不支持2.x谓媒,并且目前還不是很穩(wěn)定,正在完善中何乎,建議將來使用
$ npm init vite-app test3 //新建項(xiàng)目test3(vue3.0)
$ npm install //安裝依賴
$ npm run dev //運(yùn)行項(xiàng)目
thinkjs使用文檔 (可開發(fā)接口)
https://thinkjs.org/doc/index.html