0718 webpack git 远程仓库

Webpack遵循 isc协议

#装nodejs服务器

在vscode 中 是–port 切记 模拟了一个服务器

热部署

在 分支下 cnpm install

(1)npm run build

(2)npm run dev
问题: (解析时会自动把 id=”app”的节点去掉----因为在src/index.js 中 el:”#app” )虚拟dom
Js语法需要转成 es5的 (.babellrc)

Src/index.vue 单文件组件 要用vue-loader组件 转换成js (在webpack-config 中设置rules)

Src/index.js

Scoped:css 样式只有自己能用
组件下 .vue文件

#07/18下午 14:53 演讲
搜实验楼:
1.mkdir: 建文件夹 mkdir-p: 建多层文件夹
2.touch: 建立文件 touch{}.后缀 建多个文件
3.Vim 编辑 i
4.rm 删除
5.Find . -name “” 当前目录查
SQL语句 :regxp

d:文件夹 l:目录
1.ls:查看当前目录
2.ll:查看当前目录
3.(1)chmod g+/- 文件名 :对文件的权限进行修改
(2)
4.Chmod -R 777 文件名
SQL语句:

删除重复并保留一条

#07/18 周四 下15:48
cnpm i 模块名称 -S
cnpm install 模块名称 --save

Webpack.config.js:
导入:Var ExtractTextPlugin=require(‘extract-text-webpack-plugin’);
plugins: [new ExtractTextPlugin(“main.css”)]

当前项目下的所有css整合成一个 main.css

entry:程序入口
test: /.vue$/,
loader: ‘vue-loader’,//转成局部组件
import Vue from ‘vue’
引入vue

#16时31分30秒
插件(组件扩展)vue提供了插件机制 看vue.js/插件
Html中iframe充当路由角色
##路由:根据浏览器地址显示对应vue组件(插件 需要下载)
1.实现路由: 下载 cnpm install vue-router --save 全局
cnpm install vue-router --save-dev 添加到Devdependencies
2.引入路由组件 src/index.js
Import 自取名字 from ‘vue-router’
3.注册 src/index.js
Vue.use(自取的名字)
4.定义路由规则 src/index.js

5.设置路由配置 src/index.js

6.src/pages/test.vue


7.Src/webpack.config.js dev加上

(2)局部刷新:vue路由 预加载 就是局部模块 默认同步(第一次开启慢 会全部先加载完)
Src/index.js

Src/home.js
渲染跳转不刷新

单击跳转 单击前进

Src/index.js
相当于 mounted 生命周期


(3)cnpm install vue -g
cnpm install vue-cli -g
(4)
Vue init webpack

07/18 周四 晚上 19:04

1.& 加在一个命令

2.:q退出操作
3.Kill 终止在后台的作业
4.Exit
5.SQL


6.cat 文件名 查看文件内容
7.Cat -n
8.Cat file1 file2 文件合并
9.More 文件名 适合查看长篇内容
10.hand -n number 文件名 展示前 number 行
11.tail -n number 文件名 展示后number行
12.tr 文本名 ‘替换内容’
13.SQL授权