了解vue-cli3

why

快速构建项目
使用前后端分离搭建

前台,后台

前台 : 以html,css这种页面布局开发 [ 页面布局 美化 ]
后台 :包括但不限于以 java的开发工具,服务器的开发

前端,后端

前端后端都同样是前台的开发
前端特指页面的开发,修饰,美化,页面基本元素...

后端指后端服务,使页面更好的服务.跳转

首先需node.js
安装
属于后端

vue前端 使用node只需要使用npm命令
node -v检查

脚手架工具vue-cli 5分钟实现
1.预编译模板
2.注入依赖
3.合并压缩资源
4.分离开发
5.模拟生产环境
...

优点

安全,高效

• 平台无关性,功能更齐全
• 占内存少.更高效 [ 代码部署 , 热加载 ]
• 帮助我们写好vue基础代码的工具,也是行业内通用的工具

web开发必不可少

家族成员,存在意义

vue-cli家族成员 cli2 cli3

• Command-Line Interface:命令行界面或字符用户界面
  -具有高效

vue-cli2搭建项目

cli2全局安装并创建项目,文件结构,文件模板,边学边练项目案例

vue-cli3使用详情

cli2升级cli3,快速原型开发.cli3的项目管理,测试,定制开发

vue-cli3项目案例

使用cli3创建项目案例,并进行单元测试

有的项目使用的是cli2版本,有的使用cli3版本....所以都要学习

贴士:
来源慕课网公开课视频

...chrome浏览器将www省略所以只能看到nodejs.cn

安装的位置..记住了...配置环境变量

在命令行工具cmd中,可以使用上下键查看历史操作记录
cls代表清屏