Vue脚手架创建项目记录

首先应该有nodejs环境

npm install -g @vue/cli

vue create admin-frontend

提示是否加速下载 选择 y

  • Babel(保留)
  • Router(保留)
  • CSS Pre-processors(建议选择)
  • Linter / Formatter(按需,你之前说不需要,可取消)

三种预处理器对比

  • Sass/SCSS:
  • 优点:流行、功能强、社区支持好
  • 语法:$variable、@mixin、@include
  • Less:
  • 优点:语法简单、学习成本低
  • 语法:@variable、.mixin()
  • Stylus:
  • 优点:语法灵活、简洁
  • 缺点:相对小众,资源较少

四个选项对比

  • ESLint with error prevention only:
  • 只防止错误,最宽松
  • 适合:不想被严格规范约束
  • ESLint + Airbnb config:
  • Airbnb 的严格规范
  • 适合:团队协作,需要统一风格
  • ESLint + Standard config:
  • Standard 规范,较严格
  • 适合:需要规范但不想配置
  • ESLint + Prettier:
  • ESLint + Prettier,自动格式化
  • 适合:需要自动格式化代码
相关推荐
北辰alk2 小时前
Vue 表单修饰符 .lazy:性能优化的秘密武器
vue.js
北辰alk2 小时前
`active-class`:Vue Router 链接组件的激活状态管理
vue.js
北辰alk2 小时前
Vue Router 参数传递:params vs query 深度解析
vue.js
北辰alk2 小时前
Vue 3 Diff算法革命:比双端比对快在哪里?
vue.js
boooooooom2 小时前
手写简易Vue响应式:基于Proxy + effect的核心实现
javascript·vue.js
王同学 学出来3 小时前
vue+nodejs项目在服务器实现docker部署
服务器·前端·vue.js·docker·node.js
一道雷3 小时前
让 Vant 弹出层适配 Uniapp Webview 返回键
前端·vue.js·前端框架
bug总结3 小时前
uniapp+动态设置顶部导航栏使用详解
java·前端·javascript
晴殇i3 小时前
深入理解MessageChannel:JS双向通信的高效解决方案
前端·javascript·程序员