首页 > 其他分享 >Vue脚手架生成一个新项目

Vue脚手架生成一个新项目

时间:2022-11-04 10:22:20浏览次数:73  
标签:Use Vue keys 生成 选择 arrow 脚手架 history

Vue脚手架生成一个新项目

 

1.输入cmd打开当前目录,并输入指令

vue create 项目名称

 

2.选择自己配置的历史配置或使用新配置

  • Manually select features (即为新配置一个)

Vue CLI v5.0.8
? Please pick a preset: (Use arrow keys)
 Default ([Vue 3] babel, eslint)
 Default ([Vue 2] babel, eslint)
> Manually select features

 

3.选择预装的依赖 (展示使用vue2需要的依赖)

? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection, and
<enter> to proceed)
(*) Babel
( ) TypeScript
( ) Progressive Web App (PWA) Support
(*) Router
(*) Vuex
(*) CSS Pre-processors
( ) Linter / Formatter
( ) Unit Testing
> ( ) E2E Testing

 

4.选择vue的版本

? Choose a version of Vue.js that you want to start the project with (Use arrow keys)
  3.x
>  2.x

 

5.是否要以history模式

是否要以history模式 【如果安装了Router,会出现下面选择】

是否要以history模式,如果选择yes,后端还需要作操作。路径好看 http://localhost:8080/about 选择no,后端无须修改操作。路径不好看 http://localhost:8080/#/

? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)  n

 

6.选择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

 

7.选择配置文件存放方式

babel,postcss,eslint这些配置文件放哪? 第一个是:放独立文件放置 第二个是:放package.json里 这里推荐放单独配置文件

? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
  In dedicated config files
>  In package.json

 

8.是否将以上这些将此保存为未来项目的预配置吗

? Save this as a preset for future projects? (y/N) n
 

标签:Use,Vue,keys,生成,选择,arrow,脚手架,history
From: https://www.cnblogs.com/Dollom/p/16856819.html

相关文章

  • Java(screw)生成数据库表结构
    数据库支持MySQLMariaDBTIDBOracleSqlServerPostgreSQLCacheDB(2016)文档生成支持htmlwordmarkdown方式一:代码生成<dependency><groupId>cn......
  • Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-load
    使用uni-app报ModuleError(from./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):检查控制台提示的xx.vue检查看......
  • vue组件通信6种方式总结(常问知识点)
    前言在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的Vuex状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用Vuex往往会......
  • 你可能需要的vue相关考点汇总
    组件中写name属性的好处可以标识组件的具体名称方便调试和查找对应属性//源码位置src/core/global-api/extend.js//enablerecursiveself-lookupif(name){......
  • vue3.0新的打包工具vite
    vitevite是基于esbuild预构建的,esbuild是用GO语言编写的,比js编写的打包器预构建快10-100倍,js跟go语言相比太慢了。与webpack相比:vite服务器启动速度比webpack快,由于vite......
  • vue组件通信方式有哪些?
    vue组件通信方式一、props(父向子传值----自定义属性)/$emit(子向父传值-----自定义事件)父组件通过props的方式向子组件传递数据,而通过$emit子组件可以向父组件通信......
  • js 树的各种骚操作,生成树,父子链,树推平
    js生成树结构1、假树,利用共享内存实现,非真遍历,这个是一种比较直观的写法letlist=[{id:1,name:100},{id:11,name:101,pid:1},{id:11......
  • Vue双向绑定理解与模拟
    title:Vue双向绑定理解与模拟1.Vue的双向绑定理解先从单向绑定进行理解,单向绑定就是将Model(data)绑定到视图层View,当我们使用JS更新Model数据层时,视图层就是进行自动......
  • 4.vue的常见指令
    指令常作用在Html的标签上,实现对应的功能1.文本指令v-html:将变量代指的字符串通过html代码渲染在页面v-text:将变量代指的字符串通过普通文本显示在页面v-text完成......
  • 基于Springboot+Mybatisplus+Vue的在线购物平台管理系统
    基于Springboot+Mybatisplus+Vue的在线购物平台管理系统......