ES6 - 学习项目构建

本系列教程开始于2-28

时间 15点13分

学习这个项目想法由来已久 一直想写想学
但不行动停留在脑子里
或者碰到一点电脑性能问题安装某个插件模块不顺利就放弃了 这次做好准备了 彻底学习一下 然后开始运用到实际开发中会有点用的吧 管他呢 又不费太久时间 可能需要个一周左右但是能学到东西不就成了么

Let's do this !!!

工具:
git vscode 如果喜欢其他编辑器的小伙伴可以留言 可以探讨一下~~~

相信你会用得到的指令

cd ..                  返回上一级目录
cd ../..               返回上两级目录
cd或cd ~           返回home目录
cd - 目录名       返回指定目录
clear

es5跟es6 完成对象拷贝的区别 基础架构

---

目录结构

全部手动创建

mkdir <project name>   ---- 根目录
npm init (一路enter)
mkdir app tasks server 三个目录 分别放置前端代码 后端代码 配置构建脚本文件
cd app ->mkdir js css views
cd js ->mkdir class ->touch test.js 放置类文件
cd views -> touch error.ejs index.ejs -------模板文件 和模板入口文件(ejs)

cd server -> express -e (前提是安装了express)

cd tasks ->mkdir util ->touch args.js
cd ../ -> touch gulpfile.babel.js + babelrc

整个就算搭建文成 gulefile.babel.js 是因为es6项目 gulp执行时会找这个文件 命名不能出错

命令行处理、创建JS编译任务
1.命令行处理 args.js

2. cd tasks -> touch scripts.js ------- 对js做处理编译

   
   引入上述的包

用淘宝镜像安装

安装上述的包

包安装完后 可能会花点时间 建议用淘宝镜像

不管gulp具体是怎么用的以后用到的时候再去官网查看就好不行就google gulp配置 基本网上都有

我把源码提交到github上 要不然光看个项目架构就要吐 因为一些版本跟文件引进的原因 各种报错

---

项目构建我就要吐了 差点没坚持下来

直接开始语法了 不管了 fuck 🤐🤐🤐🤐🤐

17:58 我搞了两个多小时 好气啊 fuck