智享笔记 Vue2
-
Element-UI的基本使用
1 简介Element-UI:一套基于2.0的桌面端组件库，官网地址：http://element-cn.eleme.io/#/zh-CN2 安装npm install element-ui -S3 使用import ElementUI from "element-ui";import "element-ui/lib/theme-chalk/index.css";Vue.use(ElementUI)
-
Vue脚手架的自定义配置
1 通过 package.json 进行配置 [不推荐使用]"vue":{ "devServer":{ "port":"9990", "open":true } }2 通过单独的配置文件进行配置，创建vue.config.jsmodule.exports = { devServer:{ port:8888, open:true } }
-
Vue脚手架
1 简介Vue脚手架可以快速生成Vue项目基础的架构。2 安装3.x版本的Vue脚手架npm install -g @vue/cli3 基于3.x版本的脚手架创建Vue项目1).使用命令创建Vue项目 命令：vue create my-project 选择Manually select features(选择特性以创建项目) 勾选特性可以用空格进行勾选。 是否选用历史模式的路由：n ESLint选择：ESLint + Standard config 何时进行ESLint语法校验：Lint on save babel，postcss等配置文件如何放置：In dedicated config fi
-
使用webpack打包发布项目
1 简介在项目上线之前，我们需要将整个项目打包并发布。2 打包A.配置package.json"scripts":{ "dev":"webpack-dev-server", "build":"webpack -p"}B.在项目打包之前，可以将dist目录删除，生成全新的dist目录
-
在webpack中使用vue
1 简介安装处理了vue单文件组件的加载器，想要让vue单文件组件能够使用，我们必须要安装vue并使用vue来引用vue单文件组件。2 安装A.安装Vuenpm install vue -SB.在index.js中引入vue：import Vue from "vue"C.在index.js中创建Vue实例对象并指定el，最后使用render函数渲染单文件组件const vm = new Vue({ el:"#first", render:h=>h(app)})
-
配置vue文件的加载器
1 安装vue组件的加载器npm install vue-loader vue-template-compiler -D2 配置规则# 更改webpack.config.js的module中的rules数组const VueLoaderPlugin = require("vue-loader/lib/plugin");const vuePlugin = new VueLoaderPlugin();module.exports = { ...... plugins:[ htmlPlugin, vuePlugin ], module : { rules:[ ...//其他规则 { test:/\.