杰普实训（前端）第二天知识点总结

1. 开发环境
   node 类似于jvm，jvm是java的执行的环境，node是js的执行环境
   当js代码运行在node中可以使用模块化，

   smart
   jquery
   git 版本控制工具，适用于协作开发
   vscode 代码编辑器
   无脑安装 -> 直接下一步

   测试开发环境

   1. 打开dos
   2. 在dos中测试

   node -v
   git --version
   cnpm -v
   截图发出来

2. 架构
   vue-admin-template-master.zip

3. 启动项目
   在终端中打开项目,并且为项目安装依赖
   d:/briup > cd smart
   d:/briup/smart > cnpm install
   在windows10中，经常会由于系统安全，不允许我们在第三方的terminal中直接调用命令，所以需要在powershell中进行授权。具体参考如下：
   https://www.cnblogs.com/carriezhao/p/12618392.html
   d:/briup/smart > npm run dev

4. 熟悉项目结构
   node_modules node依赖的模板，cnpm install，实际上就是将下载的依赖安装到这个目录下。
   public
   index.html
   src 源码
   layout 整个网页的布局文件
   icons 图标
   router 路由 单页面程序
   store 状态机
   styles 样式
   pages 自定义网页（我们写的网页）
   utils 工具 ajax 、cookie…
   views 视图，系统视图
   App.vue
   main.js 入门文件
   package.json 项目核心配置文件

5. 添加页面的流程

1. 在pages中添加一个vue页面
Map.vue
  1) 模板（html）
  2) js
  3) css
2. 将该网页注册到路由
src/router/index.js

6. 定制
   将模板项目改成具有特色的项目
   src/settings.js
   sidebarLogo: true
   全局替换
   全国疫情可视化平台
   全国疫情可视化平台