打开命令行工具 .. mac 可以使用终端,windows 用户可以下载安装 cmder .. 进入到想要保存项目的地方,比如我的桌面上 ..
使用 vue 框架的命令行工具,可以快速去创建一个前端项目 .. 可以先用 npm 去安装一下 vue 命令行工具 ..
npm install vue-cli --global
执行一下 vue init webpack ninghao-rxjs
webpack 是项目用的一个模板 .. ninghao-rxjs 是项目的名字 .. 这里会问我们一些问题 .. 项目的名字 .. 描述 .. 作者 等等 ...
根据我们的回答,会去创建一个项目 .. 在这个课程里我们暂时还用不到 vue 框架 .. 我们只是想快速创建一个前端项目 .. 配置好开发项目的时候需要的一些东西 ..
完成以后进入到创建的项目所在的目录 .. ninghao-rxjs ..
安装 rxjs
再给项目安装一下 rxjs .. npm install rxjs --save
仓库
初始化一个仓库 ... git init .. 添加修改 .. 再做一次提交 ...
然后打开浏览器 .. 打开 github 这个网站 .. 在上面创建一个远程仓库 ..
名字可以是 ninghao-rxjs ..
创建这个仓库 ...
复制一下这个添加远程仓库的命令 ..
回到命令行,执行一下 ..
再把项目推送到远程仓库 .. 执行一下这个 git push -u origin master
每完成一节课,我都会对项目做一次提交,做的提交都会推送到这个远程仓库 .. 到时候你可以在这里查看一下每次 commit 都修改了哪些文件 .. 具体的代码是什么 ...
再回到命令行 ... 运行一下项目 .. npm run dev
在浏览器上打开项目 .. 地址是 localhost:8080 ..
然后我们再用编辑器打开项目 ... 这里我用的是 Atom 编辑器 ...
打开项目下面的 src ... main.js .. 暂时先删除掉文件里面的所有的内容 ..
在课程里我们会在这个文件里面,写几行代码,理解一下 RxJS 里的一些核心的概念 ...