如何安装vue脚手架再创建vue项目

如何安装vue脚手架再创建vue项目

  • 在安装vue脚手架的前提是需要有node环境,nodejs不知道怎么安装的,看我前面的博客文章
  • 在有node环境后,Windows+R输入cmd回车进入面板
    • 先安装vue脚手架输入:npm install @vue/cli -g (@vue/cli@5.0.8 -g)括号里面是安装具体版本的
    • 安装后可以输入vue -V 看是否安装成功
      请添加图片描述
    • 如果需要卸载升级:npm remove @vue/cli 在重新安装一下
  • 找一个想放vue项目的地方,点击路径输入cmd回车进入面板
  • vue create 项目名称,根据提示进行配置 ,结束即可
    请添加图片描述
    • 选择第一或者第二的,后续不需要干啥了,慢慢等待生成就可以了
      请添加图片描述
    • 如果选择manually自定义
      1. 本人一般选择babel(es6转es5工具)、route(路由)、vuex(状态管理)、css(css预处理) 空格选中 然后回车
        1. 补充:Progressive Web App (PWA)Support 渐进Web应用程序支持
          TypeScript js的高级语法 Linter代码检查工具 Unit E2E 单元测试工具
        2. 选择vue2还是3
      2. 选择路由模式 默认his模式 就是要不要用his默认 本人no 回车
      3. 选择css选择处理器 sass/scss(with node-sass) 回车
      4. 用什么东西存放配置文件 通常我选择json 回车
      5. 是否保存这个配置 如果yes 然后就输入这个配置的名字
      6. 等待生成运行就好了
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值