npm

新手 如何搭建一个vue项目详解

走远了吗. 提交于 2020-11-27 04:33:26
搭建一个vue项目 刚开始作为新手,对于刚接触vue的我也是一脸懵 ,因此写下此篇搭建vue 1.第一步我们需要安装node环境 1.我们可以先去下载安装包,下载地址为: https://nodejs.org/en/ 或 https://nodejs.org/zh-cn 2.下载完成后直接打开,进行傻瓜式安装即可。 双击直接进行下一步 下一步 一直点下一步,直到安装成功,在此不再赘述。 3. 安装成功之后,可以进行进行检查,打开cmd,输入node -v 4.node安装同时会安装npm,可以进行检查,打开cmd,输入npm -v 2.第二步我们需要搭建vue环境 1、全局安装vue-cli脚手架,利用命令 npm install --global vue-cli 2.通过cd 命令进入你的项目目录 3.新建vue项目,利用命令vue init webpack 项目名 注: Project name 输入项目名称 Project description 项目描述一般没有的话直接回车 Author 作者 Vue build 打包方式,回车即可;      Install vue-router 是否要安装 vue-router,项目中肯定要使用到 所以Y 回车;      Use ESLint to lint your code 是否需要 js 语法检测 目前我们不需要 所以 n 回车

GraphQL[0x01] -- GraphQL基础实践

戏子无情 提交于 2020-11-26 16:50:48
基础篇 理论知识 graphQL介绍 GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。它由Facebook开发和开源,强烈地表达了代码即文档的期望。能够精确有效地得到数据,没有冗余。 如果你想了解API设计的相关文章,那么我建议你去了解下SOAP协议,然后是Restful API协议,在业务不是很复杂的情况下,正常的Restful API的设计已经够用了,我们的graphQL的出现就是克Restful API的一些局限性的,遗憾的是,在企业中你想推翻一种技术去使用一种新的技术阻力还是蛮大的,任重而道远,所以在国内如果想去实践一番,要去那种“很新的公司”,重新设计技术架构方案。作为一个技术人,我们能做的是,热爱它,至于它好还是不好,留给时间去证明吧! graphQL的优点 可定制程度化高 所见即所得,各种不同的前端框架平台可以指定自己需要的字段。查询的返回结果就是输入的查询结构的精确映射 灵活的API聚合 一定条件下,只需要一次网络请求,就能获得资源和子资源的数据。 代码即文档 GraphQL 会把schema 定义和相关的注释生成可视化的文档。 参数类型强校验 GraphQL 提供了强类型的schema 机制,从而天然确保了参数类型的合法性。 graphQL类型系统 标量类型 Int Float String Boolen ID 其他高级数据类型

武汉肺炎疫情地图(Vue版)

淺唱寂寞╮ 提交于 2020-11-26 14:45:06
https://juejin.im/post/5e3664e16fb9a0300300899e 缘起 此次肺炎疫情波及甚广,只能自封于家中看看新闻、打打游戏。 昨天看了 山月 大佬的 《武汉肺炎疫情实时动态省市地图开发》 心潮澎湃,决定拿起键盘照撸一个。开发时间较短,bug在所难免,各位大佬见谅。 程序基本介绍 数据抓取自 腾讯新闻 图表采用Echarts(内部使用了vue-echarts) 支持【省】级地图 Vue-cli@3脚手架项目 查看源代码 线上示例 快速开始 # 安装依赖 npm i # 抓取腾讯新闻数据 node ./build-data.js # 开发模式 npm run serve 复制代码 未实现 定时执行 build-data.js,抓取最新数据。 来源: oschina 链接: https://my.oschina.net/u/4383709/blog/3206258

武汉肺炎疫情地图(Vue版)

守給你的承諾、 提交于 2020-11-26 14:44:34
https://juejin.im/post/5e3664e16fb9a0300300899e 缘起 此次肺炎疫情波及甚广,只能自封于家中看看新闻、打打游戏。 昨天看了 山月 大佬的 《武汉肺炎疫情实时动态省市地图开发》 心潮澎湃,决定拿起键盘照撸一个。开发时间较短,bug在所难免,各位大佬见谅。 程序基本介绍 数据抓取自 腾讯新闻 图表采用Echarts(内部使用了vue-echarts) 支持【省】级地图 Vue-cli@3脚手架项目 查看源代码 线上示例 快速开始 # 安装依赖 npm i # 抓取腾讯新闻数据 node ./build-data.js # 开发模式 npm run serve 复制代码 未实现 定时执行 build-data.js,抓取最新数据。 来源: oschina 链接: https://my.oschina.net/u/4390958/blog/3202120

Insight API开源项目分析

隐身守侯 提交于 2020-11-26 13:12:13
首先,在阅读本文以前假设您已经了解比特币Bitcoin基本原理。 Insight API是一个开源基于比特币Bitcoin blockchain的REST风格的API框架。Insight API运行于NodeJS环境,使用LevelDB做数据存储。使用Insight API可以开发基于Bitcoin的应用程序,如获取blockchain信息的钱包。这里我们介绍此刻最新版本2.7,它还有一个前端项目Insight。生产环境运行在这儿。 安装 以Ubuntu为环境。Windows环境问题较多,我们不介绍。它的依赖项目与组件: 第一步:bitcoind 下载安装Bitcoin Node.js v.010.x Node.js NPM 安装node时应该就有了 第二步:获取insight-api $ git clone https://github.com/bitpay/insight-api && cd insight-api 安装依赖组件,从package.json中我们可以看到依赖组件: "bitcore": "git://github.com/bitpay/bitcore.git#4d8af75ae9916984c52ee2eda1870d5980656341", "base58-native": "0.1.2", "async": "*", "leveldown": "*",

vue实现世界疫情地图(点击进入子地图)

 ̄綄美尐妖づ 提交于 2020-11-26 11:26:05
vue实现世界疫情地图,点击可以进入子地图 效果展示 寻找数据源 设置代理 发送请求提取数据 提取数据 踩坑 处理数据并绘图 国内疫情地图数据处理绘制 海外疫情地图数据处理绘制 完整代码 代码优化 点击进入子地图目前只实现了中国模块 数据来源, 腾讯实时疫情 , 中国疫情网 原本只想做中国模块,后来想了想,做个世界的吧 使用axios和echarts,elementui的加载模块还有按钮,本地代理,脚手架版本4.1.1 本次不封装,刚写完还没有优化,函数名和数据名也是随便起的,大佬勿喷 npm安装即可 效果展示 下载的照片如下 寻找数据源 找了几家后发现中国疫情网的国内疫情数据更新的快,腾讯海外疫情也不错 中国疫情网的数据: 这个是全国数据 这个是按照日期 设置代理 用axios请求这些数据如果出现跨域问题,就设置本地代理,在根目录下创建vue.config.js文件 module.exports = { devServer: { proxy: { "/api": { target: "https://www.ncovchina.com/data", changeOrigin: true, pathRewrite: { "^/api": "" } }, "/aki": { target: "http://api.fanyi.baidu.com/api/trans/vip",

element-tree-grid(表格树)的使用

允我心安 提交于 2020-11-26 09:35:23
表格树,element-tree-grid需要单独下载并再配合elementUi里el-table使用。 步骤:1、npm install element-tree-grid --save(下载element-tree-grid)    2、在main.js里引用:import ElTreeGrid 'element-tree-grid '              Vue . component ( ElTreeGrid . name ,ElTreeGrid )    3、html代码(配合el-table使用):       <el-table :data='data'>         <el-table-tree-column fixed (是否固定)                   prop='属性 ' table='表头'                   levelKey='层级(0,1,2,3代表第几层)'                   parentKey='parentId(上一层级的ID,值与父层级的ID(treeKey)一致)’                   treeKey='目前层级的ID,子层级的parentKey与其一致 '                   :indentSize='没展开一个层级缩进的px'            

把vim打造成适配python和golang的庆亮级编辑器

喜欢而已 提交于 2020-11-25 11:55:06
#!/bin/bash if [ whoami != root ] then echo "Please login as root to continue :)" exit 1 fi if [ ! -d /home/tools/ ];then mkdir -p /home/tools else rm -rf /home/tools && mkdir -p /home/tools fi #Install python3 yum -y install epel-release wget && sudo yum -y groupinstall 'Development Tools' && sudo yum -y install the_silver_searcher sudo yum -y update sudo yum -y install yum-utils sudo rpm -Uvh https://repo.ius.io/ius-release-el7.rpm sudo yum install python36u -y sudo yum -y install python36u-pip python36u-devel #config env mkdir -p /data cd /data python3.6 -m venv venv #Install golang wget -c

centos 安装npm

元气小坏坏 提交于 2020-11-25 10:48:17
官网地址: https://nodejs.org/en/download/ 找到适合自己的版本 点击下载以后可以拿到一个下载地址 复制一下 wget https://nodejs.org/dist/v14.15.1/node-v14.15.1-linux-x64.tar.xz xz -d node-v14.15.1-linux-x64.tar.xz tar -xf node-v14.15.1-linux-x64.tar 下载完了 可以通过mv 改名并且移动 mkdir dev cd dev mkdir node cd .. mv node-v14.15.1-linux-x64 dev/node/nodejs 通过cd命令 进入安装位置看下绝对位置 pwd 输出:/root/dev/node/nodejs 建立软链接 ln -sf /root/dev/node/nodejs/bin/npm /usr/local/bin/ ln -sf /root/dev/node/nodejs/bin/node /usr/local/bin/ 进入任意目录 node -v 输出:v14.15.1 安装完成 来源: oschina 链接: https://my.oschina.net/u/4408611/blog/4743044

Install devDependencies on Heroku

落花浮王杯 提交于 2020-11-25 06:08:50
问题 I would like to have Heroku build my app after I push it so that I don't have to push the build folder up every time I make a change. However heroku only installs the dependencies from the package.json and grunt (my build tool) and all of its components are in devDependencies. I would like to keep them there where they belong. What's the workaround here? 回答1: Heroku by default installs only the production dependencies, ignoring the development dependencies under devDependencies . Setting the