当前位置: 首页 > Web前端 > vue.js

VueCLI

时间:2023-04-01 12:58:21 vue.js

VueCLICommand-LineInterface,命令行界面,俗称脚手架VueCLI是官方发布的vue.js项目脚手架使用vue-cli快速搭建Vue开发环境及相应的webpack配置安装使用VueCLI2脚手架打开终端输入:npminstall-g@vue/cli查看版本是否正确:vue--version升级全局VueCLI包:npmupdate-g@vue/cli创建项目:vuecreatehelloWorld(项目名可以改)VueCLI2初始化项目:vueinitwebpackhelloWorld(项目名可以改)runtime+compiler和runtime-only的区别在main.jscompilertemplate-->ast-->-->render-->vdom-->UIonlyrender-->vdom->比编译器更高的UI性能和更小的代码量6kb总结如果以后开发还是使用template,需要选择Runtime-compiler如果在开发中使用.vue文件夹以后发展的话可以选Runtime-onlyCLI3vuecreatehello-world(项目名可以改)npmrunserve运行项目vueui启动本地服务