vue 脚手架创建项目

安装vue

npm i @vue/cli -g 全局安装vue cli脚手架
vue -V 可以查看vue脚手架的版本号

vue脚手架创建项目的两种方式

第一种方式:

图形界面:
vue ui 会打开一个 localhost:8000 的端口
在浏览器弹出一个窗口,点击创建,可以选择路径,点击下方的在此创建新项目
创建项目名称,包管理工具默认就行,文件夹存在覆盖关,新手指引关,初始化 git 仓库开
选择预设选手动,
选择功能,关闭 linter/formatter 代码规范性检测关闭,保留最上面两个
选择 vue 版本 2.x 就行
保存预设 选择创建项目,不保存预设

运行项目:顶部回到项目,点击项目,运行 serve,等待,点击启动app

第二种方式:

命令行创建:vue create app-vue-demo
使用方向键选择 空格取消
选择手动模式,Manually select features
取消 Linter / Formatter,保留最上面两个就行,
选择版本 2.x 就行 (3.x 还是测试版)
选择第一个或第二个都可以,建议第一个 In dedicated config files(所有的配置项放在同一个文件)
是否在以后项目创建的时候都使用这种配置 选择 No

运行项目: npm run serve

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值