vue3.0 vue-cli3.0 搭建项目

本文详细介绍了如何使用Vue CLI 3.0搭建项目,包括卸载旧版本、全局安装@vue/cli、创建项目、选择配置项,如历史模式路由、CSS预处理器、ESLint等,并探讨了Vue CLI 3.0相较于2.0的改动,如公共文件夹public的引入、配置文件的变化以及热更新配置等。

官网vue-cli :https://cli.vuejs.org/zh/guide/

vue 搭建项目

vue-cli 3.0:

1、全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它,否则跳过此步:

npm uninstall vue-cli -g //或者 手动删除

注:Vue CLI 3需要 nodeJs ≥ 8.9 (官方推荐 8.11.0+)

2、安装@vue/cli(Vue CLI 3的包名称由 vue-cli 改成了 @vue/cli):

npm i @vue/cli -g (vue -V 检查vue版本号)

快速创建项目

vue create 项目名 (文件名支持驼峰(含大写字母))

启动

npm run serve

具体操作如下:
首先,会提示你选择一个preset(预设):

① 除最后两个,其他选项都是你此前保存的预设配置(如下图第一个“ my-default”是我之前保存的预设配置,如今便可以直接用了):

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值