搭建vue項目環(huán)境

新建vue單頁面應用

使用vue/cli新建,基于webpack

$ node -v  //查看node版本(未安裝 下載地址https://nodejs.org/en
$ npm -v  //查看npm版本(未安裝 cmd執(zhí)行 :npm config set registry https://registry.npm.taobao.org   配置淘寶鏡像安裝相關依賴 
$ npm install vue-cli -g    //安裝vue-cli腳手架構建工具
$ npm config list   //查看vue-cli是否成功

使用vue-cli2.x的初始化方式,可以使用github上面的一些模板來初始化項目,
webpack是官方推薦的標準模板,另外還有 simulatedgreg/electron-vue模板名
$ vue init webpack test1   //新建項目
$ npm run dev //運行項目

$ vue init simulatedgreg/electron-vue test10   // electron-vue的模板

使用vue-cli3.x的初始化方式、可選擇vue2.0或3.0)
$ vue create test2   //新建項目
$ npm run serve  //運行項目 

使用vite新建 vue 3.0
不基于webpack,速度更快,體積更小,僅支持vue3.x,不支持2.x,并且目前還不是很穩(wěn)定,正在完善中,建議將來使用

$ npm init vite-app test3  //新建項目test3(vue3.0)
$ npm install //安裝依賴 
$ npm run dev //運行項目

thinkjs使用文檔 (可開發(fā)接口)
https://thinkjs.org/doc/index.html

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容