![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 82
人称~
受想行识,亦复如是。
展开
-
手把手搭建一个ES6转译工程
ES6正式通过已经很久了,但是各大浏览器对于ES6语法的支持到现在还不一致,那我们需要些es6语法怎么办呢?今天就搭建一个es6转译工程,妈妈再也不用担心我写的es6语法不能在浏览器运行啦!1.前言一种新的语法从提案到变成正式标准,需要经历五个阶段。每个阶段的变动都需要由 TC39 委员会批准。Stage 0 - Strawman(展示阶段) Stage 1 - Proposal(征求意见阶段) Stage 2 - Draft(草案阶段) Stage 3 - Candidate(候选...原创 2020-06-30 19:43:36 · 165 阅读 · 0 评论 -
webpack手动搭建vue项目(一)—— 安装环境和基础配置
1.安装node和webpack 安装node教程很多都有这里就不详细说了,参考菜鸟教程,本人用的node版本为v8.11.2,npm版本为5.6.0,后面安装webpack,输入npm install webpack -g ,安装完成后输入webpack -v查看版本,如果输出说明安装成功。2.创建项目目录生成配置1.首先创建目录 > mkdir projectN...原创 2019-05-14 15:24:20 · 765 阅读 · 0 评论 -
webpack手动搭建vue项目(二)—— 创建vue+elementui项目
1.安装依赖>npm install vue vuex vue-router vue-resource element-ui --save-dev>npm install babel-cli babel-core babel-loader babel-polyfill --save-dev>npm install css-loader file-loader st...原创 2019-05-14 17:29:39 · 499 阅读 · 0 评论 -
webpack手动搭建vue项目(三)—— 配置eslint
1.安装eslint> npm install eslint --save-dev> eslint --init?How would you like to configure ESLint?> use a pooular style guide? Which style guide do you want to follow?>Standard...原创 2019-05-15 13:48:14 · 619 阅读 · 0 评论 -
webpack手动搭建vue项目(四)—— vscode配合vetur eslint统一代码风格
1.代码风格问题1.由于 每个人编写代码习惯不一致,而且所用编辑器不同,导致项目代码不能形成统一风格。2.vscode的默认的代码格式化ctrl+shift+f无法通过eslint的代码风格检查是一个非常蛋疼的问题2.解决方案本文前置条件为通过webpack手动搭建vue项目完成前三部。参考地址1.安装所需插件使用vscode编辑器,安装eslint、vetur、Edi...原创 2019-05-15 14:37:27 · 296 阅读 · 0 评论 -
webpack手动搭建vue项目(五)—— 引入mockjs
在我们实际开发中,以前需要等待后台开发完成才能联调,现在只需先协商好数据结构字段等,然后引入mockjs,就可以先一步开发,另外mockjs在单元测试的时候也很重要。1.安装mockjs>npm install mockjs --save-dev2.添加mock目录|---src/| |---index.js||---mock/| |---demo //...原创 2019-05-15 16:04:26 · 1176 阅读 · 0 评论