eslint

1.安装插件 npm install jquery --save npm install bootstrap --save npm install popper.js --save //提示框插件，bootstrap4依赖它 2.配置插件： webpack.base.conf.js的module.exports里加入： plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "windows.jQuery": "jquery" }) ], webpack.ProvidePlugin插件里面可以配置全局引用，比如此处配置了jquery的使用，后面再vue里使用$,jQuery,windows.JQuery都等同于使用jquery，不需要再require或import 3.main.js中添加： import 'jquery/dist/jquery.min.js' import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.min.js' 4.配置.eslintrc.js: env: { ...... jquery: true }, 在引用全局变量的时候，必须指明变量所在的环境，比如node

近期公司前端进行代码规范，整理了一套eslint校验规则，如下所示： rules : { 'no-var' : 'error' , // 禁止使用var 'prefer-const' : 'error' , // 建议使用const 'no-const-assign' : 'error' , // 禁止修改使用const（no-const-assign）声明的变量 'object-shorthand' : 'error' , // 方法属性值简写 'quote-props' : [ 'error' , 'as-needed' ] , // 只对那些无效的标示使用引号 '' 'no-array-constructor' : 'error' , // 数组要求字面量赋值 'no-new-object' : 'error' , // 对象要求字面值创建对象 'array-callback-return' : 'error' , // 在数组方法的回调中强制执行 quotes : [ 'error' , 'single' ] , // string 统一用单引号 '' 'prefer-template' : 'error' , // 建议使用模板字符串 'no-eval' : 'error' , // 禁止使用eval 'no-useless-escape' : 'error' , //

一、环境搭建 　　1、安装node、npm、webpack，不多说 　　2、安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。 二、用vue-cli来构建项目 　　1、在硬盘上找一个文件夹放工程用的。这里有两种方式指定到相关目录：（1）cd 目录路径 （2）如果以安装git的，在相关目录右键选择Git Bash Here 　　2、安装vue脚手架输入：vue init webpack exprice ，注意这里的“exprice” 是项目的名称，可以说是随便起名，但是需要注意的是“不能用中文，且不能用大写字母”。 $ vue init webpack exprice --------------------- 这个是那个安装vue脚手架的命令 This will install Vue 2 .x version of the template. ---------------------这里说明将要创建一个vue 2 .x版本的项目 For Vue 1 .x use: vue init webpack# 1.0 exprice ? Project name (exprice) --------------------- 项目名称 ?

001 1.Vue框架 创建项目: 1. 先搭建webpack环境或在老项目中进行 2. 整个项目都是vue, 使用脚手架搭建开发环境 安装脚手架： npm install -g @vue/cli 初始化项目命令：vue create project 步骤： 第一步, vue create 后会出现 至少3个选项， （ 第一个选项是默认安装vue2,babel,eslint 第二个选项是默认安装 vue3，babel,eslint 第三个选项 (Manually select features) 自定义安装） 第二步，选择自定义安装 （第一个选项 vue的版本 第二个 babel 第三个 ts 先不选 第四个 PWA 离线缓存 第五个 Router 路由 第六个 vuex 公共数据存储 第七个 css 预处理语言 (less,sass,stylus) 第八个 linter 代码监测 第九，十个 代码测试 ） 第三步： 选择vue的版本 Class-style组件，先选no Babel 解析ts ，选y 路由模式： 是否使用history模式 选y 就是 history模式 选n 就是 hash模式 Css 预处理语言 （选项1：sass(dart-sass) 新版本的sass语法，速度比较快，一般使用sass都选这个版本 选项2：sass(node-sass) 老版本的sass语法