下载git,node 搭建项目框架

学习2

今天上午学习的内容比较多，感觉有点点吃力。但是老师下午给了我们时间消化，所以总体来说还可以。
因为我们是项目的刚开始的一个过程，所以要下载一些东西：node,git。这些都是直接去官网下载的，直接搜就行。关键是在终端输入命令的时候，可能会碰到一些问题。
对我个人而言主要是碰到了这两个方面：
1.输入npm run dev之后，弹出的窗口里面没有东西
2.弹出的窗口报错
第一点的问题应该只是因为我的浏览器用的是IE，把它换成谷歌就行，问题不大。
然后第二点找了很久，在网上搜的解决方案没有什么用。本来想在钉钉里面问老师的，有点不好意思问就没问，自己查了半天资料。下图是我报的错误：cannot find module node-sass

后面才知道加上这句话就好了：cnpm install node-sass --save
我查的资料的链接是（不是我写的，查的别人的）：https://www.cnblogs.com/sylys/p/11810539.html
还有两个新学的知识点是切换图标和highcharts（引入地图的Js库昨天讲了，不算新的）
highcharts的官方网址是http://www.highcharts.com.cn
导入highcharts不需要注册，它是开源的，很方便。

步骤：

测试开发环境
1. 打开dos
2. 在dos中测试
> node -v
> git --version
> cnpm -v

启动项目
在终端中打开项目,并且为项目安装依赖
cd smart（cd+你所命名的名字）
npm install
在windows10中，经常会由于系统安全，不允许我们在第三方的terminal中直接调用命令，所以需要在powershell中进行授权。具体参考如下：
https://www.cnblogs.com/carriezhao/p/12618392.html
d:/briup/smart > npm run dev
熟悉项目结构
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 项目核心配置文件
添加页面的流程
pages中添加一个vue页面
Map.vue
1) 模板（html）
2) js
3) css

将该网页注册到路由
src/router/index.js

核心说完了，下面介绍一些相关的需要知道的一些细节：
搭建项目框架。

一个项目里面有组长组员。
架构师（组长）初始化项目
架构师（组长）commit到版本控制器上
工程师（组员）checkout 到本地，开发
工程师（组员）先update 再commit到版本控制器上
…
架构师（组长）更新所有人的代码，测试，打包，部署
看完架构师做的事情，这就是为啥组长工资要的原因。我们老师的原话是：组长四万五组员一万五哈哈哈。