Vue CLI快速创建一个项目

1、使用npm或yarn安装vue cli
yarn的安装

npm i yarn -g

vue cli的安装

npm install -g @vue/cli

or

yarn global add @vue/cli

安装完成就可以使用vue命令了,可以使用vue -V查看版本

2、创建新项目

project为创建的项目名
vue create project

在这里插入图片描述
默认添加上babel和eslint,我门可以手动设置更多的选项,我一般添加这几项
在这里插入图片描述
路由是否选择history方式,就是路径带#,我选择的N
在这里插入图片描述css预处理器我选择的sass
在这里插入图片描述
ESLint 代码校验规则一般我选择N

如何存放配置了,In dedicated config files 存放到独立文件中,In package.json 存放到 package.json 中,我选择独立文件,为了方便观看

等待下载。。。

3、项目运行

cd project
npm run serve 或(yarn serve)

在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值