使用Vue-cli3+Browserify搭建Vue项目

本文介绍了如何使用Vue-cli3结合Browserify搭建Vue项目,详细讲述了从安装脚手架、初始化项目到理解项目目录结构的过程,特别提到了Vue与React在组件和数据管理上的区别。
摘要由CSDN通过智能技术生成

由于之前一直使用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是打包生成的最终文件,

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值