手撸一个vue 4.0

之前一直使用的是2.0的vue,听说最近出了个vue4.0 (据说是2019-10-16发布),3.0 都还没看。。。。
要开始一个4.0 需要需要看本地的环境 node ,npm
终端输入
下面展示一些 内联代码片

node -v //查看 node 版本
npm -v //查看  npm版本

当然你可以输入

vue -V // 查看当前vue的版本

官方建议要安装vue 4.0 的话nodeJs 的版本 ≧ 8.9,太小的话需要你去node官网安装,npm 版本大于4.0
若果之前你的电脑安装过vue-cli 那你需要卸载当前的版本

npm uninstall vue-cli -g

在运行

npm install @vue/cli -g

安装好了你可以查看下vue的版本号

vue -V // 查看当前vue的版本
搭建项目
vue create appvue //文件名 不支持驼峰(含大写字母)

在这里插入图片描述
回车
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述
这样就等待他的构建了
在这里插入图片描述
完成后你可以看到他的架构
在这里插入图片描述
到这里,使用vue-cli4.0就完成了一个应用的生成了,目录文件和之前版本有所差别,但是不是特别大,如果要做跨域代理,,可以在根目录创建一个vue.config.js进行配置!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值