1 Star 0 Fork 1

网络工作室/linux_kvm

forked from s1302888/linux_kvm 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
nuxt.js安装使用 5.58 KB
一键复制 编辑 原始数据 按行查看 历史
s1302888 提交于 2020-06-03 15:55 . update nuxt.js安装使用.
要安装nuxt.js首先我们要确保电脑上已安装的环境:Node.js ,Vue环境,Vue-Cli脚手架
Node.js 安装下载可参考 https://www.cnblogs.com/zhouyu2017/p/6485265.html(windows)
centos7 下安装可参考 https://blog.csdn.net/Clengyue/article/details/89679842
https://www.cnblogs.com/nx520zj/p/9605184.html
centos7 下的安装:
curl -sL https://rpm.nodesource.com/setup_8.x | bash - 下载nodejs资源
yum install -y nodejs(需要等很长一段时间)
node -v rpm -v 查看是否安装成功
Vue环境搭建:
安装vue-cli 脚手架工具 npm install -g vue-cli
用 vue -V 查看下是否安装成功
开始创建项目:vue init webpack xxxxx (xxxxx是你创建的项目名)
一般默认选择第一项即可
yarn run dev
若是要跳过 eslint的check的话 只需 nuxt.config.js 将这本文件中的
// extend(config, ctx) {
// // Run ESLint on save
// if (ctx.isDev && ctx.isClient) {
// config.module.rules.push({
// enforce: 'pre',
// test: /\.(js|vue)$/,
// loader: 'eslint-loader',
// exclude: /(node_modules)/
// })
// }
// }
这段注释掉即可
eslint 用于js代码语法检测
eslint nuxt.config.js 安装后直接使用即可,检测错误同时使代码格式化
.editorconfig和 eslint 功能相似,但侧重点不同, eslint 更偏向于对语法的提示,而.editorconfig则更偏向于代码风格格式
同时 eslint 仅仅支持对 js文件的检测校验,而 .editorconfig 不仅可以对js 还可对py md其他文件进行代码控制
.gitignore 用于指定忽略规则,满足忽略规则的文件在push时不会被添加到git 库中
jspm 可以支持各种 js模块写法 还可以提供包管理 只需要一行代码,就可以使用这些包提供的功能
npm install jspm -g 在全局范围安装jspm,就可以在任何地方使用jspm命令了
npm install jspm --save-dev // 把 jspm添加到项目开发依赖
jspm 支持 bundle,也就是打包的功能,就是把一些资源打包成一个东西
jspm bundle app/main app/build.js // 将app文件夹下的main.js里面的js都打包到build.js中
typings 可以实现版本控制,平台管理,registry管理支持
具体参照https://www.jianshu.com/p/5447f65cd8e1
dist 是 distribution的简写即发行版,由于开发和发布的内容或者说代码形式是不一样的,所以需要一个存放最终发布版本的代码
Serverless即表面意思,无服务器 过去是构建一个框架运行在一台服务器上,对多个时间进行响应 而serverless则变为构建或使用一个
微服务或微功能来响应一个事件,即通过云服务器来实现响应功能
具体参照 https://blog.csdn.net/cc18868876837/article/details/90672971
.idea 文件夹 当你使用pycharm来作为编辑器时,就会生成这个文件夹,其主要作用是存放项目的控制信息,包括版本信息历史记录等等
service worker
如何降低一个页面的网络请求成本从而缩短页面加载资源的时间来降低用户可感知的延时,提升用户体验是前端开发的重要部分
对于提升应用的加载速度常用的手段有http cache 异步加载 304缓存 文件压缩 CDN CSS SPRITE 等等,这些手段无非是在
做一件事情,就是让资源更快的下载到浏览器端
而SERVICE WORKER线程能更好的做到
service worker是PWA的核心技术之一,PWA即渐进式WEB应用 它弥补了web对比 本地app急缺的几个能力,如离线使用,后台加载
添加到主屏 消息推送等,同时还具备小程序的无需安装,用完即走的特性
JAVASCRIPT是单线程的,弊端非常明显,随着web业务的复杂化,开发者需要在js中做许多耗费资源的运算过程
web worker正是为弥补这个弊端而被创造出来的,它能脱离在主线程之外,因此可以将复杂耗费时间的事情交给web worker
而service worker就是在web worker的基础上增加了离线缓存的能力,它可以拦截处理页面的所有网络请求,可以访问cache和indexDB
支持推送,并且可以让开发者自己控制管理缓存的内容和版本,让web 在体验上更加贴近 native
也就是说它可以把你应用里的所有静态动态资源根据不同策略预先缓存起来,下次打开的时候就不需要去服务器请求,减少了网络耗时,
而这一切你只需增加一个sw文件,而不会对原有的代码产生任何侵入
使用 service worker 必须使用https 协议,本地开发的话 在http://localhost或者http://127.0.0.1 时是可以跑起来的
具体使用请参照 https://www.jianshu.com/p/778f37db5a49
stylelint 是一个css检测器,可以让开发者在样式开发中遵循一致的约定和避免错误
stylelint是运行工具,stylelint-config-standard是stylelint的推荐配置,stylelint-order是CSS属性排序插件
cnpm install stylelint --save-dev
cnpm install stylelint-config-standard --save-dev
cnpm install stylelint-order --save-dev
jest 是一个专门用于js 单元测试的工具,具有零配置 内置代码覆盖率
npm i jest g 安装到全局
jest init命令在根目录创建 jest.config.js文件,没有这个文件中的几个配置会运行失败
在 package.json 中添加
"scripts": {
"test": "jest",
"coverage": "jest --coverage"
},
后 运行yarn test 即可运行jest
jest coverage 生成测试覆盖率
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/jf12458/linux_kvm.git
git@gitee.com:jf12458/linux_kvm.git
jf12458
linux_kvm
linux_kvm
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385