使用vue-cli创建Vue项目并安装常用组件

1.创建项目目录
命令:mkdir vueDemo
2.切换到该目录
命令:cd vueDemo
3.执行命令创建项目
命令:vue init webpack + 项目名称
实例:vue init webpack vue-init-webpack
在这里插入图片描述
Project name:项目名称,直接回车即可
Project description:项目描述,直接回车即可
Author:作者,直接回车即可
Vue build:构建模式,直接回车即可
Install vue-router?:是否安装引入vue-router,选Y,vue-router是路由组件,后面构建项目会用到
Use ESLint to lint your code?:强烈建议选no 否则你会非常痛苦,eslint的格式验证非常严格,多一个空格少一个空格都会报错,所以对于新手来说,一般不建议开启,会加大开发难度
Setup unit tests 是测试,可以不用安装,选n
Setup e2e tests with Nightwatch 是测试,可以不用安装,选n
最后一项是选择用什么install依赖组件,因为npm比较慢,我一般选第三项,创建完项目后,使用cnpm安装(cnpm自行在网上查阅安装)
创建项目完成后,会有后继命令的提示,接下来继续操作
4.切换到已创建的项目目录中
命令:cd vue-init-webpack
5.安装组件(根据自己的需要安装)
① 安装 cnpm
命令:cnpm install
② 安装 axios
命令:cnpm install axios --save-dev
③ 安装 antV
命令:cnpm install @antv/g2plot --save
④ 安装 Element-UI
cnpm i element-ui -S
6.启动项目
命令:cnpm run dev
7.访问项目
在浏览器查看:http://localhost:8080

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值