其他分享
首页 > 其他分享> > 0718 webpack git 远程仓库

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授权
在这里插入图片描述
在这里插入图片描述

标签:index,git,cnpm,Src,js,0718,webpack,vue,路由
来源: https://blog.csdn.net/weixin_43669209/article/details/96459189