vue-cli3.0搭建项目

  • Post author:
  • Post category:vue




搭建项目


vue-cli3.0 以后项目创建的命令变成了下面这样

vue create //文件名 不支持驼峰(含大写字母)

在这里插入图片描述

  1. default 是使用默认配置,Manually select features 是自定义配置。
  2. 自定义选择的配置:Choose Vue version Babel,Router,Vuex,CSS pre-processors,Linter
  3. 选择版本 3.x
  4. 选择是否使用路由 history router,其实直白来说就是是否路径带 # 号,建议选择 N,否则服务器还要进行配置
  5. css 的预处理器我选择的是 Sass/SCSS(with dart-sass) 。node-sass是自动编译实时的,dart-sass需要保存后才会生效
  6. sass 官方目前主力推 dart-sass 最新的特性都会在这个上面先实现
  7. 选择 ESLint 代码校验规则,提供一个插件化的javascript代码检测工具,ESLint + Prettier 使用较多
  8. 然后选择什么时候进行代码校验,Lint on save 保存就检查,Lint and fix on commit fix 或者 commit 的时候检查,建议第一个
  9. 下面就是如何存放配置了,In dedicated config files 存放到独立文件中,In package.json 存放到 package.json 中(项目简单)
  10. 保存本次的配置了,N 不记录,如果选择 Y 需要输入保存名字

在这里插入图片描述

然后就等待创建项目吧,出现上面的提示,就搭建成功

在这里插入图片描述

进入项目目录,直接输入 npm run serve 就可以了

在这里插入图片描述

文字描述参照:https://blog.csdn.net/liyunkun888/article/details/102738377



版权声明:本文为sang1321426029原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。