npm

循序渐进VUE+Element 前端应用开发(1)--- 开发环境的准备工作

我的未来我决定 提交于 2020-08-10 06:46:03
之前一直采用VS进行各种前端后端的开发,随着项目的需要,正逐步融合纯前端的开发模式,开始主要选型为Vue + Element 进行BS前端的开发,后续会进一步整合Vue + AntDesign的界面套件,作为两种不同界面框架的展现方式。采用Vue + Element 的前端开发和之前的开发模式需要有较大的转变,以及需要接触更多的相关知识,本系列随笔基于循序渐进的学习研究方式,对使用Vue + Element 这种前端开发的各个方面进行一个完整的介绍,并结合我对BS前端已有的框架功能,进行两者的融合。本篇随笔主要介绍开发环境的准备工作,包括需要准备好相关的开发工具,插件辅助等,以及对开发保存的自动修正处理,调试的配置的内容等。 1、开发所需的软件环境 有别于之前的Asp.net的开发,纯前端的开发,一般不会再采用笨重的VS进行前端的开发,而改用VS Code或者WebStorm等轻型的开发工具来进行前端代码的开发和维护,虽然是轻型开发工具,不过功能也是非常强大的,而且开发环境可以在Windows系统,也可以在Mac系统等,实现多平台的开发环境。 1)VS code的安装 VS Code(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器。几乎完美的编辑器。 官网: https://code.visualstudio.com 文档: https

vue中使用vue-amap(高德地图)

时光怂恿深爱的人放手 提交于 2020-08-10 04:51:36
因为项目要求调用高德地图,就按照官方文档按部就班的捣鼓,这一路上出了不少问题。 前言: vue-cli,node环境什么的自己安装设置推荐一个博客:https://blog.csdn.net/wulala_hei/article/details/80488674 1,找一个磁盘,在里面git bash here 然后vue init webpack XXX(文件夹名字) 你 第一步:在test里面安装install 指令:1.npm install 2.npm install vue-amap --save 注意:我在安装的时候总是出现了说找不到webpack的问题, 即:使用 npm run dev 时报错: Error: Cannot find module 'webpack-cli/bin/config-yargs' 可是我用webpack-v找到了版本号,我就删了又装了两三次,还是不行,最后我在安装的过程中没有让其修复,语句不记得了,就是安装过程中出现警告让你输入修复的,然后就成功了。 第二步:在main.js中加入 解释一下,key就是你申请的key,一串数字和字母 plugin是你在地图上用的组件 例: "AMap.Autocomplete", //输入提示插件 "AMap.PlaceSearch", //POI搜索插件 "AMap.Scale", //右下角缩略图插件

StartUML 使用

让人想犯罪 __ 提交于 2020-08-10 02:38:49
startuml 3 windows 破解教程 ,19.9 声明,请支持正版,此种方式,仅限交流学习。 最新测试,startUML 3.2.2 可用 (1) 下载startUML http://staruml.io/download (2) 安装node.js (3) 安装asar npm install -g asar (4) 解压app.asar asar extract app.asar app (5) 修改源码 XXXX\StarUML\resources\app\src\engine\license-manager.js checkLicenseValidity () { this.validate().then(() => { setStatus(this, true) }, () => { //ori code. if faild will set false. //setStatus(this, false) //UnregisteredDialog.showDialog() // new setStatus(this,true) }) } (6) 重新打包, 替换原来的app.asar. 为了防止自己该错,原来的备份下,再替换好了。 asar pack app app.asar 来源: oschina 链接: https://my.oschina.net/u

vue elementUi中uolad文件上传和v-viewer相结合实现图片的预览下载和删除功能

泪湿孤枕 提交于 2020-08-09 22:34:07
1.首先安装element ui 和 v-viewer(可以使用cnpm)   npm i element-ui -S   npm i v-viewer -S 2.全局配置element ui 和 v-viewer(main.js中)   import ElementUI from 'element-ui'   import 'element-ui/lib/theme-chalk/index.css'     Vue.use(ElementUI)   import Viewer from 'v-viewer'   import 'viewerjs/dist/viewer.css'   Vue.use(Viewer, {     defaultOptions: {       zIndex: 9999     }   }) 3.页面中使用 <template>   <div>     <el-upload action="action" ref="upload" list-type="picture-card" :auto-upload="false"     accept=".jpg, .jpeg, .png, .gif, .bmp, .JPG, .JPEG, .PBG, .GIF, .BMP" >       <i slot="default" class="el-icon

docker在centOS7下安装与使用

自闭症网瘾萝莉.ら 提交于 2020-08-09 21:29:51
docker启动停止 sudo systemctl start docker.service sudo systemctl stop docker.service sudo systemctl restart docker.service sudo systemctl status docker.service sudo systemctl enable docker sudo docker ps -a ## <-- 列出已有的images ## sudo docker stop 17dd4ab4cda2 ##<-- 17dd4ab4cda2为container id ## sudo docker rm 17dd4ab4cda2 ##<-- 删除container id ## sudo docker rmi image_name ##<-- 删除images ## sudo docker ps -a | grep Exit | awk '{print $1}' | xargs docker rm ##<-- 删除exit的images ## docker info ## <-- 确认Docker是否正确安装 ## # docker rm --force `docker ps -qa` 遇到问题 cenOS启动docker后,虚拟机ping不通? 原因是docker守护进程

npm WARN saveError ENOENT: no such file or directory解决

假装没事ソ 提交于 2020-08-09 20:21:08
安装完成node.js后使用npm安装vue报错如下: C:\Users\lxz>npm uninstall vueWcsp npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\lxz\package.json' npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\lxz\package.json' npm WARN lxz No description npm WARN lxz No repository field. npm WARN lxz No README data npm WARN lxz No license field. up to date in 0.765s 根据错误提示,是系统没有‘package.json’这个文件导致。这个文件的作用就是管理你本地安装的npm包,一个package.json文件可以做如下事情: 展示项目所依赖的npm包 允许你指定一个包的版本[范围] 让你建立起稳定,意味着你可以更好的与其他开发者共享 此刻我们需要执行命令: npm init 然后一路回车就OK,这个文件可以后面改动 创建package.json文件,系统会提示相关配置,也可以使用命令: npm init -

安装pm2部署工具

好久不见. 提交于 2020-08-09 18:52:09
介绍 pm2和forever 差不多,都是来部署nodejs项目的工具,但是pm2功能更强大,丰富。 安装 首先安装npm包管理工具 sudo apt install npm 安装pm2 npm install -g pm2 //-g 参数表示全局安装 pm2常用命令 运行nodejs pm2 start xxx.js --name xxx //运行某个nodejs项目,并取一个xxxx的别名 查看正在运行的node项目 pm2 list 查看日志 pm2 logs xxxx //xxxx为 别名 停止项目 pm2 stop xxxx 停止所有应用 pm2 stop all 删除应用 pm2 delete xxx 删除所有应用 pm2 delete all 查看某个进程/应用具体情况 pm2 describe xxxx 查看进程/应用的资源消耗情况 pm2 monit 重新启动进程/应用 pm2 restart xxx 重新启动所有应用 pm2 restart all 来源: oschina 链接: https://my.oschina.net/randomobject/blog/4316355

至联云讲解《IPFS 0.5版本改进较大,已出现系统级支持》

最后都变了- 提交于 2020-08-09 18:40:09
协议实验室于5月7~8日举办了 IPFS Pinning Submit。由于疫情原因,这次会议是线上举行。今日得闲,看了几个视频。IPFS 0.5.0版本发布,进展很大,本文做一个简单梳理。主要内容来自IPFS Project Lead - Molly Mackinlay。 IPFS 生态日渐完善 IPFS生态近期有比较大的发展,从内容分享、社交网络、身份服务、区块链应用、金融电子化等等各个方面。 非常重要的是,目前有比较多的浏览器开始支持IPFS,包括Firefox、Chrome、Brave、Opera 等。有一些系统级的支持也出现了, 前看上图的左上角。 IPFS 0.5 改进巨大 IPFS 0.5 版是IPFS 到目前为止最大的一次更新。这次更新主要在IPFS的效率、安全和更具弹性方面得到巨大提升。 效率的提升是全方位的,主要指标包括: 2倍存储速度提升:现在IPFS存储文件的速度是普通文件系统的2.5倍速度 2.5倍广播速度提升:一千个节点测试中表现出很好的提供服务的速度 2到5倍的内容获取速度提升:当从多个节点同时下载内容速度提升更为明显 2到6倍的内容查询速度提升:不仅仅是更快,也更稳定可靠 上面这个部分讲的是直接提供服务。由于IPFS网络是一张大网,很多数据需要从其他节点获取,这就涉及到内容路由的问题,也就是说需要经过多步才能到达客户。内容路由的速度在0

ECharts安装与使用

百般思念 提交于 2020-08-09 18:39:45
ECharts安装与使用 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 安装 下载地址 https://echarts.apache.org/zh/download.html 在使用的时候需要引入对应的js 使用CDN 可以使用国内的CDN https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js 使用npm安装 cnpm install echarts 在使用npm的时候,我们直接通过 require('echarts') 来引入 案例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试 ECharts</title> <!-- 引入 echarts.js --> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> </head> <body> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="width: 600px;height:400px;"></div> <script type="text

linux服务器部署node项目

徘徊边缘 提交于 2020-08-09 18:39:31
安装配置nginx 原文连接 安装nodejs 1. 下载node最新版本 : 连接 https://nodejs.org/download/release/  wget https://nodejs.org/download/release/v9.9.0/node-v9.9.0-linux-x64.tar.xz 2. 解压   tar -xf node-v9.9.0-linux-x64.tar.xz 3. cd到bin目录 执行下面命令 【使用包里面的node运行npm模块安装n工具】   ./node npm install -g n 4. 再 通过n工具安装系统环境的node   ./n latest 5.安装系统环境的n工具(先前是在压缩包里面的)   npm install -g n 6. 安装node最新版本   n latest 7. 安装node标准版本:   n stable 8. 完 ------------------------------------------- 部署node项目 1. 把本地项目文件上传到服务器   scp -r helloLinux root@12.127.127.127:~/   把当前目录下的 helloLinux 目录上传到服务器 的 ~ 下 2. 登陆服务器,cd到刚刚上传的目录,执行npm install 安装项目依赖。 3