vue-cli 3 脚手架搭建(create)

地址:https://cli.vuejs.org/zh/guide/
1.npm install -g @vue/cli

2.vue create hello-world // 项目名称

终端:(上下键选择)

  • default (bable,eslint) // 默认

  • Manually select features // 手动 **选择手动创建项目回车
    终端:(上下键移动键,空格键是否选中)
    ? Please pick a preset: Manually select features
    ? Check the features needed for your project:

  • (*) Babel

  • ( ) TypeScript // 语法

  • ( ) Progressive Web App (PWA) Support // PWA

  • (*) Router // 路由

  • () Vuex // store

  • ( ) CSS Pre-processors // 预编译

  • () Linter / Formatter // 格式化代码

  • ( ) Unit Testing

  • ( ) E2E Testing
    回车
    终端:
    ? Please pick a preset: Manually select features // 手动创建项目
    ? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
    ? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
    //在生产中需要适当的服务器设置用于索引回退
    ? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Sass/SCSS
    // css 预编译
    ? Pick a linter / formatter config: Prettier // (ESLint + Prettier)格式化程序配置
    ? Pick additional lint features: Lint on save // 保存即检查格式
    ? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files
    // 其他配置数据单独存放再一个配置文件内
    ? Save this as a preset for future projects? Yes
    // 是否保存这个项目的配置
    ? Save preset as: SaveVue3.0
    // 是的话 项目命名假设为:createVue3.0 下一次可直接选择这个模板创建

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值