当前位置:   article > 正文

vue @cli3.0和@cli2.0的区别及项目的搭建_cli @cli

cli @cli

 

  • 3.0 新加入了 TypeScript 以及 PWA 的支持
  • 部分命令发生了变化:
    • 下载安装  npm install -g vue@cli
    • 删除了vue list
    • 创建项目   vue create
    • 启动项目   npm run serve
  • 默认项目目录结构也发生了变化:
    • 移除了配置文件目录,config 和 build 文件夹
    • 移除了 static 文件夹,新增 public 文件夹,并且 index.html 移动到 public 中
    • 在 src 文件夹中新增了 views 文件夹,用于分类 视图组件 和 公共组件    
  • 项目搭建 
  • 第一步安装
  • npm install -g vue@cli
    

    第二步创建项目文件

  • vue create project    //项目的名称
    

    第三部  选择快捷式安装配置

  • 这里如果你是第一次用3.0版本的话,是没有前两个的,而只有最后两个,这里是 让你选的,第一个是默认配置,一般选第二个,自己配置,这里选择最后一个

  • 第四步选择安装依赖

  • 当你选择后会出现上面图上的东西,这里你可以自由选择用哪些配置,按上下键 选择哪一个,按空格键确定,所有的都选择好后,按enter键进行下一步

  • 第五步 选择css预处理

  • less和sass可以自行选择

  • 第六步 选择自动化代码格式化检测

  • 第七步是否保存刚才的配置,选择确定后你下次再创建新项目 就有你以前选择的配置了,不用重新再配置一遍了

  • 第八步配置文件放哪

  • 第一个是放在单独的文件配置

  • 第二个是放在package.json文件里

  • 第九步是否将以上这些将此保存为未来项目的预配置

  • 第十步  回车下载

  • 第十一步启动项目

  • npm run serve

     

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/365726
推荐阅读
相关标签
  

闽ICP备14008679号