美文网首页
通过vue-cli创建项目

通过vue-cli创建项目

作者: flyjar | 来源:发表于2023-08-15 14:31 被阅读0次
  • 1、安装vue-cli
npm install -g @vue/cli
  • 2、通过vue-cli创建项目
vue create projectName
  • 3、选择手动配置模式
? Please pick a preset:
  Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
> Manually select features
  • 4、选择对应插件
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection, and
<enter> to proceed)
 (*) Babel(es6转es5,如果不向下兼容浏览器可以不用选,新的浏览器直接支持es6)
 ( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 (*) Router
 (*) Vuex
>(*) CSS Pre-processors(css预置处理器 scss/less)
 (*) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing
  • 5、选择vue版本
Vue CLI v5.0.8
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Choose a version of Vue.js that you want to start the project with
  3.x
> 2.x
  • 6、选择路由模式(history兼容性不好,建议选择N)
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Choose a version of Vue.js that you want to start the project with 2.x
? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)
  • 7、选择css预置处理器
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
> Sass/SCSS (with dart-sass)
  Less
  Stylus
  • 8、选择eslint格式化风格
? Pick a linter / formatter config:
  ESLint with error prevention only
  ESLint + Airbnb config
> ESLint + Standard config
  ESLint + Prettier
  • 9、选择什么时候进行lint
? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection, and <enter> to
proceed)
 (*) Lint on save
>(*) Lint and fix on commit
  • 10、选择是否将Babel、eslint、etc都放入到package.json,还是都单独存放在一个文件中
? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files
  In package.json
  • 11、是否将当前配置保存下来,以后创建的时候直接用
? Save this as a preset for future projects? (y/N) n

相关文章

  • Vue 第一天

    使用vue-cli,快速创建项目 安装Vue-cli vue-cli 在国外,安装慢,需通过国内镜像安装 安装国内...

  • 不依赖vue-cli脚手架创建vue项目

    我们一般创建vue项目都是通过vue-cli脚手架去创建,这次我尝试了通过文档完成所有项目配置包括webpack、...

  • vue-cli3 搭建项目

    一、创建项目 通过‘vue create 项目名称’创建,如果你没有安装vue-cli3或者安装的vue-cli版...

  • vue2.0 写一个简易组件

    首先创建一个vue项目有很多方式可以通过vue-cli创建这里呢,我会通过npm init 创建 再来配置webp...

  • Vue-cli 2.x使用

    Vue-cli 1 . Vue-cli安装 2 .创建项目 vue init 创建...

  • 命令行工具vue-cli快速创建新项目.md

    记录通过命令行工具vue-cli,从0开始搭建Vue和mpvue项目的基础框架过程。 一、创建Vue项目 二、创建...

  • vue3.0终端命令行

    #检查node环境 安装nrm 卸载vue-cli 安装 vue-cli 创建项目 运行项目

  • vue使用iview组件库方法

    项目中使用iview 的方法。 首先利用vue-cli 创建成功了项目, 接着,通过npm install ivi...

  • Vue文件夹目录结构

    首先通过【Vue-cli 3.x】创建vue项目 创建一个Vue项目。 以上是项目的目录结构 如果资源管理器中打开...

  • 【Vue】项目目录说明

    首先通过【Vue-cli 3.x】创建vue项目 创建一个Vue项目。 以上是项目的目录结构 如果资源管理器中打开...

网友评论

      本文标题:通过vue-cli创建项目

      本文链接:https://www.haomeiwen.com/subject/ggyhmdtx.html