任务:css
简介: axios是一个独立的项目,不是Vue的一部分,常常和Vue配合使用来实现Ajax操做。html
使用(重要):前端
简介:vue
JavaScript的运行环境,用于执行JavaScript代码环境。即不须要浏览器,直接经过node.js来运行JavaScript代码。node
能够模拟出服务器的效果。jquery
使用webpack
简介:ios
maven:用在后端开发中,可用来构建项目,自动联网并下载,管理jar包;
npm:用在前端开发中,管理前端js依赖,联网下载js依赖,如jquery;es6
使用:web
npm初始化项目
在vscode中建立一个文件夹,打开cmd终端,输入npm init
,会建立一个package.json文件。npm init -y
命令所有使用默认选项
npm下载js依赖
例如:npm install jquery
根据package.json下载依赖
npm install
简介:
es6代码兼容性不好,因此将es6代码用babel转换为es5,提升兼容性。
使用:
安装babel;
建立js文件,代码为es6代码;
建立babel配置文件
安装转码器
转码
根据文件转码:babel es6/01.js -o dist/001.js
根据文件夹转码:babel es6 -d dist
概念:
后端开发中,类与类之间的调用称为后端模块化操做;
前端开发中,js与js之间的相互调用称为前端模块化操做。
使用:
node.js中不能运行es6的模块化,就须要用babel将es6转换为es5。
建立2个文件夹,一个存要编码的js文件,一个存编码后的js文件,定义01.js和02.js;
转换
执行转换后的02.js
概念:
webpack:打包工具,能够把多个静态资源打包成1个静态文件。
能够有效减小请求资源的次数。
使用:
安装:
npm install -g webpack webpack-cli
查看安装是否成功:
webpack -v
建立文件夹,建立3个js文件:common.js,util.js,main.js
JS打包:建立webpack配置文件webpack.config.js,配置打包信息;
用命令执行打包操做
将打包后的bundle.js文件引入html,在浏览器中运行html文件。
结果:
选取一个模板进行环境搭建,该项目使用vue-admin-template进行环境搭建
vue-admin-template用vue和element-ui实现的
(完)