vue
小毛贼_哪里逃
这个作者很懒,什么都没留下…
展开
-
webpack--clean-webpack-plugin:自动清理编译目录插件
1 依赖:"clean-webpack-plugin": "^0.1.17",2 配置:const CleanWebpakPlugin=require('clean-webpack-plugin');module.exports={ ... ... , plugins:[ ... ... , new CleanWebpakPlugin(['dist']...原创 2020-04-03 11:13:20 · 225 阅读 · 0 评论 -
webpack--使用scss和less
使用scss1 安装依赖"node-sass": "^4.13.1","sass-loader": "^6.0.6",2 配置{ test: /\.scss$/, use:['style-loader',"css-loader","sass-loader"] },3 main.scss.ot{font-size: 10...原创 2020-04-02 16:33:34 · 180 阅读 · 0 评论 -
webpack--CSS模块化
1 app.cssbody{ background: red}.ot{ background: #fff}2 style.css.ot{ font-size: 50px;}3 main.js引入CSS文件import React from 'react';import ReactDOM from 'react-dom';import appc...原创 2020-04-02 15:37:19 · 161 阅读 · 0 评论 -
webpack--loader:安装React
1 安装依赖"react": "^15.6.1","react-dom": "^15.6.1","babel-core": "^6.26.0","babel-loader": "^7.1.2","babel-preset-react": "^6.24.1",2 配置js的loadermodule:{ rules:[ { test: /...原创 2020-04-02 14:43:05 · 412 阅读 · 0 评论 -
webpack--引入字体
1 安装font-awesome字体:npm i -S font-awesome-S:把依赖安装到depandencies中-D:安装到devDependencies中{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "te...原创 2020-04-01 11:57:56 · 174 阅读 · 0 评论 -
webpack--图片处理:file-loader和url-loader
file-loader1 安装file-loader:npm i -D file-loader@2{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\...原创 2020-04-01 11:24:14 · 298 阅读 · 0 评论 -
webpack--样式处理:style-loader,css-loader
1 安装css-loader处理样式: npm i -Dcss-loader@2 style-loader处理样式插入:npm i -Dstyle-loader{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": ...原创 2020-04-01 10:15:46 · 299 阅读 · 0 评论 -
webpack--devserver开发服务器
1 安装:npm i -D webpack-dev-server@2{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit ...原创 2020-04-01 09:31:26 · 170 阅读 · 0 评论 -
webpack--生成html文件的插件:html-webpack-plugin
1 安装指定版本2的插件:npm i -D html-webpack-plugin@2{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" &&a...原创 2020-04-01 00:06:49 · 424 阅读 · 0 评论 -
webpack初识
1 初始化,生成package.json文件:npm init -y{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit ...原创 2020-03-31 23:36:14 · 102 阅读 · 0 评论 -
Vue--前端路由
什么是前端路由? 在web开发中,路由是指根据url分配到对应的处理程序 vue-router作用:管理url,实现url和组件的对应,和通过url进行组件之间的切换 单页应用(SPA):加载单个HTML,在用户与应用程序交互时动态更新该页面 步骤 安装模块:npm install vue-router --save 引入模块:import VueRo...原创 2020-03-29 20:26:28 · 147 阅读 · 0 评论 -
Vue配置说明
.idea:webstorm配置文件夹 build:webpack配置 config:生产环境和开发环境的配置 node_modules:第三方依赖 src:源码目录 static:第三方资源 .babelrc:编译相关配置 .editorconfig:IDE配置 .eslintignore:代码检查忽略文件配置...原创 2020-03-29 18:33:09 · 82 阅读 · 0 评论 -
vue-安装
安装node 地址链接:https://nodejs.org/zh-cn/download/ 输入 node -v 查看node版本号 安装npm 由于新版的NodeJS已经集成了npm 打开终端输入"npm -v" 来测试是否成功安装 安装Vue-cli 设置taobao下载镜像:npm config set registry https://regi...原创 2020-03-26 09:38:59 · 124 阅读 · 0 评论