文章目录
一、Vue是什么?
Vue是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
二、使用步骤
1.创建一个目录创建项目
vue create cloud-doctors-favorite-wcf-4.0
2.我们这里选择手动配置
按 ↓ 选择“Manually select features”,再按 Enter
3.选择你需要的配置项
通过↑ ↓ 箭头选择你要配置的项,按 空格 是选中,按 a 是全选,按 i 是反选。
( )Choose Vue version :选择Vue版本
( )Babel:转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。
( )TypeScript:是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法
( )Progressive Web App (PWA) Support: 渐进式Web应用程序
( ) Vuex : vuex(vue的状态管理模式)
( ) CSS Pre-processors : CSS 预处理器(如:less、sass)
( ) Linter / Formatter : 代码风格检查和格式化(如:ESlint)
( ) Unit Testing :单元测试(unit tests)
( ) E2E Testing :e2e(end to end) 测试
4.选择3.x
5.是否使用history router
我这里建议选n。这样打包出来丢到服务器上可以直接使用了,后期要用的话,也可以自己再开起来。
选yes的话需要服务器那边再进行设置。
6.选择如何存放配置
In dedicated config files // 独立文件放置
In package.json // 放package.json里
如果是选择 独立文件放置,项目会有单独如下图所示的几件文件。
7.是否保存当前配置
输入N不记录,如果输入Y需要输入保存名字,