1.当然最先开始 就是搭框架 就不自己手写了 直接 使用 vue-cli3的框架
在搭框架前首先看自己电脑上 有没有安装node和npm (node 需要8.9或者更高版本)
搭框架开始
①先检测 电脑上有没有node 和检测 node 版本
node -v
②开始安装vue-cli
npm install @vue/cli -g
可以用 vue -V 来查看你安装的版本
③vue create demo 创建vue项目
demo是你的文件夹名
执行上面 操作后 会出现
default (babel , eslint)
Manually select features: 手动配置
babel 将es6转成es5
typescript js超集 类型检查
Progressive Web App(PWA)Support:渐进式WEB应用支持
Router:路由
Vuex:状态管理
Linter/ Formatter:代码检查工具
CSS Pre-processors:css预编译 (稍后会对这里进行配置)
Unit Testing:单元测试,开发过程中前端对代码进行自运行测试
E2E Testing: 端对端测试,属于黑盒测试,通过编写测试用例,自动化模拟用户操作,确保组件间通信正常,程序流数据传递如预期。
在这些里面 只需要选择基础的 也就是 router vuex css pre-processors linter
如果你的项目 有其他需要 可自行添加
这样 一个最基本的框架 就搭 好了