vue-cli起步配置

1.打开终端cmd,输入以下命令安装vue-cli

npm install -g @vue-cli

2. 安装完成后,输入 vue -V查看安装是否成功

3.创建vue项目,打开需要创建的文件位置,打开终端

vue create demo-first

4.创建过程中会弹出以下提示, 问你是否使用更快的淘宝镜像,我选择 No.

5.使用 Vue create 创建项目是使用默认配置(包含babel, eslint)还是手动选择,我选择手动选择。 

6.如果不选则默认来看看手动选择的情况。进入之后可手动选择一些特性,通过上下移动选中后按空格可显示 * ,所有确认之后按回车

  • Babel 编译作用
  • TypeScript 强类型的 JS
  • Progressive Web App (PWA) Support 渐进式 APP ,主要用于兼容移动端
  • Router 路由
  • Vuex Vue的状态管理器
  • CSS 预处理器,可选择使用 less 、sass、 stylus等预处理器
  • Linter / Formatter 代码检测和格式化
  • Unit Testing 单元测试
  • 暂时不考虑端到端测试(E2E Testing)

7. 进入下一个,选择自己需要的版本

 8.选择需要的css的预处理器 less 回车

 9.询问将Babel、ESLint、etc等插件的配置项放在自己独立的配置文件还是放在整个json文件,这里选择放在独立文件

10. 询问是否将此次设置选项设置为后续项目中的预设值

11.显示这样即为安装成功 

 

11.项目运行起步命令: 

cd demo-first
npm run serve

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值