过去传统的前端开发是jsp+jquery,而现在前端短短几年时间,技术已经发生了天翻地覆的变化
工具类:npm 以及package.json文件,这是一个标准的npm说明文件,里面蕴含了丰富的信息,包括当前项目的依赖模块,自定义的脚本任务等等。
vue-cli: 是用来生产vue项目的命令行工具
babel-cli:Babel提供babel-cli
工具,用于命令行转码。
babel: Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码
webpack: 模块打包机,webpack需要使用npm安装在项目里面 [https://segmentfault.com/a/1190000006178770?utm_source=tag-newest] .
编译方式1:(纠正一下文章里编译的语法node_modules/.bin/webpack app/main.js -o public/bundle.js)
方式2: 添加webpack.config.js 这个webpack的配置文件
方式3: 在package.json 里面scripts start 配置为webpack
那为什么要打包呢?把多个文件打到同一个js文件里面,应该是为了压缩文件大小,减少传输耗时
webpack-dev-server 还提供了本地开发的服务器环境,这个服务器基于nodejs实现。需要配置devserver
Babel: 一个编译js的平台 , 也是作为webpack的一个loader
css:下面这些是CSS预处理器:Sass
和 Less
之类的预处理器是对原生CSS的拓展
css-loader:
style-loader:
less laoder:
cass-loader:
编译工具:
各个框架的文件目录结构有什么约定吗?
前端
vue
: 模块化开发少不了angular,react,vue三选一,这里选择了vue。vuex
: 状态管理sass
: css预编译器。element-ui
:不造轮子,有现成的优秀的vue组件库当然要用起来。没有的自己再封装一些就可以了。loadsh
:工具类
服务端
框架
uniapp:跨端框架,一处编写代码,在各个端运行
语法:
page 对象
学习基本功: es6, less,sass ,
进阶:各类框架,比如vue,mpvue
vuejs:基础知识(https://www.runoob.com/vue2/vue-component.html)节点、虚拟节点、渲染函数render(放在Vue.component内部)、component组件是什么, 构造函数(el,data,methods,computed计算属性)