-
vue安装
2018-07-06 14:10:221、下载node.js:https://nodejs.org/en/download/一路下一步...2、安装完毕之后,在命令行下验证是否安装成功:输入npm,显示如下就表示安装成功。3、cnpm的安装,安装命令为:npm install -g cnpm --registry=http...1、下载node.js:https://nodejs.org/en/download/
一路下一步安装完成后,确认环境变量中是否已经自动设置好(一般情况下在安装时就会设置成功),如果未设置则在Path中增加,如下图:
。
2、安装完毕之后,在命令行下验证是否安装成功:输入npm,显示如下就表示安装成功。
3、cnpm的安装,安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org。成功后显示如下:
4、vue-cli的安装,安装命令为cnpm install -g vue-cli。
5、安装完后,检查是否安装成功,输入vue,出现以下提示表示安装成功:
注意:一般情况下,你公司开发项目配置环境的时候,你从git或svn上拉下来的vue项目都是已经初始化过的,也就是说,在你本地安装vue时,根据实际情况可以跳过下面的步骤6,直接执行步骤7。初始化过得vue项目文件目录一般如下类似图:
6、初始化你的vue项目
cd到你的项目目录,例如:workFiles/vue-demo,工程名为vue-demo,则cd到workFiles目录,执行:执行vue init webpack vue-demo;注意其中【vue-demo】是你的工程名,请改为实际的名字。
按照如下图选择:
一路回车或Y,当在选择test时选择N,在选择e2e时选择N,最后选择最后一个选项,no(稍后手工启动)。
安装完成后的项目目录:
7、cd进入vue-demo目录内,执行cnpm install
安装完成之后,项目目录下多了node_modules:
8、运行项目:在命令行里输入 cnpm run dev,执行完成后启动项目,浏览器出现以下接结果,说明启动成功。
注意,运行前一定要确保cd到vue项目目录下。
PS:1、在vue执行时如果有错误,请参考https://nodejs.org/api/errors.html。
2、确保你的vue项目定义的后台接口,和你后台项目启动时定义的服务接口对应一致。
3、记录一个比较常见的错误:
cnpm安装过程中提示optional install error: Package require os(darwin) not compatible with your platform(win32)解决方法:
运行cnpm install后,出现
虽然提示不适合Windows,但是问题好像是sass loader出问题的。所以只要执行下面命令即可;
方案一:
cnpm rebuild node-sass
#不放心可以重新安装下
cnpm install
方案二:
npm update
npm install
nodejs node_modules/node-sass/scripts/install.js
npm rebuild node-sass
一般只要执行方案一就够了。
然后再运行,OK。 -
node安装vue、新手安装vue、vue安装详解
2018-07-06 17:14:571.使用nodejs安装vue 安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npm install--global vue-cli) 2.检查是否安装成功 3.创建一个空的文件 4...1.使用nodejs安装vue
安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npm install--global vue-cli)
2.检查是否安装成功
3.创建一个空的文件
4.如下选择,生成vue-test文件夹
例:生成vue-test目录结构如下图:
5.安装node_modules模块,进入vue-test文件夹 npm install
生成node_modules模块
6.执行npm run dev
浏览器打开如下页面
(备注:如果已经有vue文档,只需进行5、6步即可)
-
MongoDB+MongoVUE安装及入门
2016-03-09 09:56:57MongoVUE安装 建立连接 基础操作 创建表 添加数据 查询 日期查询 排序Sort 查询字段Fields skip跳过 Limit分页 修改 删除数据前言及概念据说nodejs和mongoDB是一对好基友,于是就忍不住去学习了解了一下...文章目录
linux下安装MongoDB 4.0
前言及概念
据说nodejs和mongoDB是一对好基友,于是就忍不住去学习了解了一下MongoDB相关的一些东西, 那么,MongoDB是什么?这里的五件事是每个开放人员应该知道的:
-
MongoDB是一个独立的服务器;
- 如MySQL或PostreSQL 一样,MongoDB提供侦听端口以便接入。它提供了用于查询,创建,更新和删除的工具。从理论上讲,你使用它的工作方式相同:连接,执行任务并关闭连接
-
它是基于文档的,而不是基于表格的;
-
MongoDB 没有结构化语言。如果你想创建一个新的文档类型,你不用做任何事来告诉数据库关于这些数据的结构,而仅仅是存到数据库中即可。
-
简单的说,MongoDB使用类似JavaScript或PHP 的类型处理方式。也就是说,数据库是灵活的弱类型。
-
虽然有一些数据是有限制条件的(大块的数据可能需要一些明确的处理),但在大多数情况下,你可以像写PHP代码一样编写你的MongoDB代码。
-
-
它是非结构化的;
- 还记得这些你写的数据库抽象层吗?还记得那些你处理过的ORM层吗?现在,你可以将它们全部丢弃。在MongoDB中你不需要他们。MongoDB没有很多查询语句。在大多数情况下,只需给它一个数组指定你想要的信息,然后它会给你返回文档的数组。如果你想运行一些非常复杂的查询(如Map-Reduce操作),可以向MongoDB传递JavaScript,其内部的JavaScript引擎可以解析这个脚本
-
不必去学习另一种查询语言;
-
开发时间也短,因为没有结构需要管理和很少(如果有的话)的数据映射。
-
学习曲线很平滑,因为没有新的查询语言学习。代码是简洁的。毕竟,无须任何其他ORM,封装可以非常简单。你的代码是未来的保证。向你的对象增加更多的字段是很轻松的。因此,需求变化了,你可以很快修改代码以便适应。
-
MongoDB足以让我意识到它有改变游戏规则的潜力。这也是让大家主张使用新一代的文档数据库代替基于SQL的关系数据库的原因。将关系数据库留在尘土里,更可能的是让它们做它们能做好的事情:存储属于行和表的数据。
-
MongoDB 是用C++开发的面向文档的数据库,也就是反传统的数据库范式来设计的,把相关的对象都记录到一个文档里,每个文档内是schema-free的,也就是列名可以自由定义,比较灵活,特别是面对业务逻辑多变的应用场景十分给力。数据以BSON(类似JSON)的格式二进制存储。不好的地方就是可能带来一定的数据冗余和存储开销。
-
另外,MongoDB的索引机制和MySQL等数据库是一样的,可以利用传统的关系数据库的经验来使用MongoDB的索引。
-
不像其他很多NoSQL产品由个别工程师根据应用场景开发出来的,MongoDB是有一个专门的公司 10gen 来维护。有一点要注意的是,MongoDB自己是不管理内存的,无法指定内存大小,完全交给操作系统来管理,因此有时候是不可控的,在生产环境使用必须在OS层面监控内存使用情况。
-
-
它具有强大的主流开发语言支持,如C#、C++、Java、PHP、Perl、Python、Ruby。
环境安装
MongoDB的安装
-
下载mongoDB
MongoDB官网地址
个人百度云盘地址,版本为:mongodb-win32-x86_64-2008plus-ssl-v3.0-latest-signed.msi -
安装
到这里mongodb就已经安装成功了。
-
创建存储数据的文件夹
如下图,在D盘下创建一个用于装数据的data文件夹。 -
指定数据存储路径并启动服务
-
在cmd下进入刚刚mongoDB安装的路径,如下图:
-
启动服务
执行指令:mongod --dbpath D:\data
(这里注意前面是两个-,markdown不知道为什么显示出来就只有一个-了,见下图中的指令),其中D:\data为数据存放的位置。如下图这启动成功。
-
验证服务是否已经启动
在浏览器下打开:http://localhost:27017/ ,如果出现下图效果则说明服务已经启动成功:
MongoVUE安装
-
下载MongoVUE
个人网盘下载
下载解压后效果如下: -
安装
如下图:
不多做解释,到此MongoVUE已经安装完成.
- 补丁
将解压zip下“补丁”文件夹中的“MongoVUE.exe”文件替换到安装文件目录下,如下图:
替换到
到此,已经完成。
建立连接
- 先打开MongoVUE,按如下图流程
基础操作
创建表
- 右键数据库,点击add Collection,如下图:
添加数据
-
选择刚刚添加的表,右键,选择Insert/Import Documents,如下图:
查看log日志db.Test.insert({ Name:"张三", Age:23, Sex:"男", Add:"XXX市XXX号XXX街道XXX号" });
查询
-
如下图,最基础的查询:
-
基本查询,在{find}中输入Json
如:{Name:“张三”}db.Test.find({ "Name" : "张三" }).limit(50); db.Test.find({ "Name" : "张三" }).limit(50).explain();
日期查询
-
需要通过ISODate函数将日期进行格式话,如:{“InsertDate”:ISODate(“2016-03-09T16:00:00Z”)}
-
查询大于,小于,大于等于,小于等于
db.Test.find({ "Age" : { "$gt" : 50 } }).limit(50); db.Test.find({ "Age" : { "$gt" : 50 } }).limit(50).explain();
\$lt:小于 \$lte:小于等于 \$gt:大于 \$gte:大于等于
-
右击表格,点击Find2,比Find多了一个where;写表达式,如下图:
db.Test.find({ "$where" : "this.Age==23 || this.Age==50" }).limit(50); db.Test.find({ "$where" : "this.Age==23 || this.Age==50" }).limit(50).explain();
排序${Sort}
- 如下图,在${Sort}中输入Json:{Age:-1},即对Age字段进行排序:
注:当大于0的时候为升序,小于0的时候则为降序db.Test.find({ "$where" : "this.Age==23 || this.Age==50" }).limit(50).sort({ "Age" : -1 }); db.Test.find({ "$where" : "this.Age==23 || this.Age==50" }).limit(50).sort({ "Age" : -1 }).explain();
查询字段${Fields}
- 如下图,查询_id和这些个字段{Name:1,Age:1}
注:当等于1的时候,就是查询_id和和等于1的字段;当如果等于0时,就是查询除了等于0的字段之外的所有字段,如下图:db.Test.find({ "$where" : "this.Age==23 || this.Age==50" }, { "Name" : 1, "Age" : 1 }).limit(50).sort({ "Age" : -1 }); db.Test.find({ "$where" : "this.Age==23 || this.Age==50" }, { "Name" : 1, "Age" : 1 }).limit(50).sort({ "Age" : -1 }).explain();
db.Test.find({ "$where" : "this.Age==23 || this.Age==50" }, { "Name" : 0, "Age" : 0 }).limit(50).sort({ "Age" : -1 }); db.Test.find({ "$where" : "this.Age==23 || this.Age==50" }, { "Name" : 0, "Age" : 0 }).limit(50).sort({ "Age" : -1 }).explain();
skip跳过
- 当skip>0的时候表示跳过多少行,比如skip=1,表一起有2条数据,那么就只会查询出第二条数据。
Limit分页
- 表示每次查询多少行,0的时候标识查询所有,>0则查询指定的行数。
修改
- 右键表,选中update
db.Test.update({ "Age" : 24, "$isolated" : "true" },{$set:{Age:27,}}); db.Test.find({Age:24});
删除数据
- 右键表,选中remove,在窗口中输入如下json即可完成删除
db.Test.remove({ "Age" : 26 });
Over,后续有进一步研究,持续完善…
码字不易,感谢您的点赞!关注!评论!!!
-
-
vue安装输入vue不是内部命令
2019-01-03 12:02:03vue安装输入vue不是内部命令 1.全局搜索vue.cmd 2.将上部路径配置到path环境变量中去即可 3.输入vue是否输出 4.输入vue -V显示vue版本展开全文 -
Vue安装教程 (一)
2020-08-14 14:18:201. 安装清单 node webpack vue vue-cli 2. Node安装 安装vue需要用到npm。 npm是node里面的包管理器,所以需要先安装好node才有npm。 3. Webpack安装 3. Vue安装 4. Vue-cli安装 -
vue安装和卸载
2019-05-12 11:16:43安装最新版本 npm install -g @vue/cli 或 yarn global add @vue/cli 卸载之前版本 npm uninstall vue-cli -g 或 yarn global remove vue-cli 查看 vue --version 或 vue -V -
vue 安装教程
2020-09-28 13:32:32下载node.js ... 检查nodejs版本 ...安装vue cnpm install vue 全局安装 vue-cli cnpm install --global vue-cli 以上代码运行一次即可 创建一个基于 webpack 模板的新项目 vue init webpack “相对路径/ -
vue安装 搭建 以及在项目中安装elementui
2018-06-03 18:56:27vue安装步骤在安装vue之前,先确保node和npm是否安装。如果安装ok,那么接下来安装vue1. npm install vue (安装vue)2. npm install --global vue-cli (安装vue-cli)因为npm是国外的,使用起来比较慢,使安装... -
vue安装卸载各种坑(主要是vue-cli)
2020-08-17 12:57:42vue安装卸载 ** 卸载 官方解释 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-... -
VUE安装环境搭建--依赖项安装
2018-12-12 15:23:32VUE安装环境搭建完成,运行后能显示vue的欢迎页,就可以开始进行开发了。 不过呢,在此之前,最好先安装一下相关的依赖项。vue的开发,尤其是单页面应用,一般推荐用 vue + vuex + vue-router + vue-resource 来... -
Vue安装Vue Devtools调试工具提示 Error: Cannot find module '@vue-devtools/build-tools' 解决办法
2020-01-15 11:29:10我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装:安装链接详情 但是在最终执行编译命令的时候 :npm run build ,提示如下错误: 尝试了很多方法,都不能解决改问题。 为了... -
vue安装echarts失败使用cdn引用
2019-04-10 17:33:59vue安装echarts失败使用cdn引用echarts.js 正常状态安装echarts 安装 npm install echarts -S 或 先安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 再安装 cnpm install echarts -S ... -
vue安装最新版Vue或者指定版本
2020-08-14 14:36:133 安装最新的vue npm install -g vue-cli — 这个命令已经废弃了3.0以后 npm install -g @vue/cli 4 安装指定版本的vue npm install -g @vue/cli@版本号 例如 : npm install -g @vue/cli@3.11.0 5 卸载vue npm ... -
vue安装所遇到的坑
2017-03-15 22:28:37vue安装所遇到的坑这两天在学习vue,在进行安装的时候就遇到一个大坑,不管是npm install webpack 还是npm install vue 亦或者是npm install vue-cli,,整整弄了两个晚上,都装不上, 基本都把百度翻完了。。。... -
vue安装并创建运行第一个vue项目(一)
2018-07-05 14:22:51参照:https://www.jianshu.com/p/2769efeaa10a ... vue安装: 1.nodejs安装 下载地址:https://nodejs.org/en/download/ 选择对应版本的下载。然后傻瓜式一步安装到底。比如我的安装后目录为 E:\Program F... -
win10上vue 安装、卸载、升级
2020-05-31 11:02:142、vue 安装 2.1、安装 node.js https://nodejs.org/en/download/ 下载完毕,按照windows一般应用程序,一路next就可以安装成功,建议不要安装在系统盘 2.2、设置global和cache路径 说明:设置路径能够... -
vue安装axios
2018-10-23 14:40:41vue2.0之后,就不再对vue-resource更新,而是推荐使用axios。基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 Node.js 中使用。 功能特性 1、在浏览器中发送 XMLHttpRequests 请求 2、在 node.js... -
Vue安装和打包的命令
2019-05-08 10:43:01首先要保证你的环境中有node....1.如果在你的本地环境中第一次安装vue要全局安装vue-cli npm install --global vue-cli 2.创建一个基于 webpack 模板的新项目,首先cd到要安装项目的目录 vue init webpack my-pr... -
vue 安装使用 vue-cli
2018-04-17 11:09:38老版本如下(2018年 2.x...首先安装vue-cli :npm install --global vue-cli 然后初始化一个基于webpack的项目,名字:cvper, 其中会有各种参数提醒设置,随便来; 下面根据提示来操作吧: cd cvper n... -
Vue安装与环境配置
2019-10-08 17:49:52vue 环境配置 1.node -
vue 安装依赖及卸载依赖
2019-03-20 17:44:38参考链接:... --save 是在package.json的【dependencies】里面 --save-dev是在package.json的【devDependencies】里面 依赖安装在package.json的【dependencies】的三种方式 np... -
vue安装或升级3.0
2018-10-30 11:06:14如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 ... -
【Bug】Vue安装sass-loader,node-sass失败问题
2019-09-18 15:58:15Vue安装style-loader失败 原因和解决方法 当前sass的版本太高,webpack编译时出现了错误,这个时候只需要换成低版本的就行,下面说一下修改方法,很简单,如下,找到package.json文件,里面的 "sass-loader"的版本... -
Vue安装ant-design-vue和ElementUI
2018-10-18 02:40:13前提已经安装了git和node下 使用命令: ...安装ant-design-vue相关插件之后,然后在项目的核心文件引入相关的东西,在src目录下的main.js引入 import Antd from 'ant-design-vue' 复制代码 和 impor... -
vue安装vuetify插件
2019-06-28 23:18:57在已创建好的项目文件夹中输入vue add vuetify -
vue 安装stylus
2018-09-25 00:37:481.npm install stylus--save 2.npm install stylus-loader --save -
vue 安装vue-echarts以及如何自适应屏幕
2018-05-25 18:28:11npm i vue-echarts 安装 import ECharts from ‘vue-echarts/components/ECharts’ 引入 Vue.component(‘chart’, ECharts) 注册组件 在template中这样写 <chart :options="ying&... -
vue安装插件指定版本
2019-08-27 22:41:40安装插件指定版本 npm install vue-cli@2.9.6 --save 查看需要安装插件的版本记录 npm view vue-cli versions --json
-
Mysql数据库面试直通车
-
mac 配置php-fpm
-
TeamFoundationServer2010Scrum1.0与持续集成的最佳实践
-
细节让网页设计与众不同
-
面向全球化的有效敏捷交付
-
【Python-随到随学】 FLask第一周
-
用微服务spring cloud架构打造物联网云平台
-
C++代码规范和Doxygen根据注释自动生成手册
-
可用性测试方法:卡片分类法
-
Queue (Linked & Sequential) in Python
-
产品团队管理经验一枚
-
Java JDBC自定义封装工具类
-
Amoeba 实现 MySQL 高可用、负载均衡和读写分离
-
New algorithm and system for measuring size distribution of blood cells
-
jquery如何判断滚动条是否到底部
-
将 pip 的默认源修改为阿里源(Windows 版)
-
Jsplumb从入门到实战
-
看《西游记》悟团队建设
-
OpenCV-学习历程21- 霍夫变换2-圆检测(HoughCircles)
-
响应式编程入门与实战(Reactor、WebFlux、R2DBC)