由于之前一直使用React,打包使用Browserify,而Vue却偏爱使用webpack,但是没有什么是必须的,Vue官网也提供了browserify版本的快速模板,通过cli脚手架快速生成。
第一次学习使用Vue,没办法,公司技术栈是Vue,只能硬着头皮学了。
本文使用的包管理是yarn。
首先安装脚手架:全局安装哦,这里装的是3.+,如果你安装的是2.x的,没法直接使用create 命令生产模板
初始化
yarn init
yarn global add @vue/cli
移除旧的脚手架:
yarn global remove xxx
查看全局包
yarn global list
查看vue命令是否可以使用
Vue --version
创建browserify的模板
vue init browserify-simple xxx项目名
yarn install
项目目录出来了:dist是打包生成的最终文件,不用管暂时,Public是主页面html,你可能发现没有bundle.js或者别的js,因为脚手架打包后自动注入js到dist里的文件。
看一下打包后的index