精华内容
下载资源
问答
  • vue安装

    千次阅读 2018-07-06 14:10:22
    1、下载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。

    展开全文
  • 1.使用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:57
    MongoVUE安装 建立连接 基础操作 创建表 添加数据 查询 日期查询 排序Sort 查询字段Fields skip跳过 Limit分页 修改 删除数据前言及概念据说nodejs和mongoDB是一对好基友,于是就忍不住去学习了解了一下...


    linux下安装MongoDB 4.0

    戳这里《CentOS7 搭建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就已经安装成功了。

    • 创建存储数据的文件夹
      如下图,在D盘下创建一个用于装数据的data文件夹。

    • 指定数据存储路径并启动服务

    • 在cmd下进入刚刚mongoDB安装的路径,如下图:

    • 启动服务
      执行指令:

      mongod --dbpath D:\data
      

      (这里注意前面是两个-,markdown不知道为什么显示出来就只有一个-了,见下图中的指令),其中D:\data为数据存放的位置。如下图这启动成功。

    • 验证服务是否已经启动
      在浏览器下打开:http://localhost:27017/ ,如果出现下图效果则说明服务已经启动成功:

    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}
      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();
      
      注:当等于1的时候,就是查询_id和和等于1的字段;当如果等于0时,就是查询除了等于0的字段之外的所有字段,如下图:
      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:03
    vue安装输入vue不是内部命令 1.全局搜索vue.cmd 2.将上部路径配置到path环境变量中去即可 3.输入vue是否输出 4.输入vue -V显示vue版本

    vue安装输入vue不是内部命令

    1.全局搜索vue.cmd
    2.将上部路径配置到path环境变量中去即可
    在这里插入图片描述

    在这里插入图片描述

    3.输入vue是否输出
    4.输入vue -V显示vue版本
    在这里插入图片描述

    展开全文
  • Vue安装教程 (一)

    千次阅读 2020-08-14 14:18:20
    1. 安装清单 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安装步骤在安装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:42
    vue安装卸载 ** 卸载 官方解释 关于旧版本 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:32
    VUE安装环境搭建完成,运行后能显示vue的欢迎页,就可以开始进行开发了。 不过呢,在此之前,最好先安装一下相关的依赖项。vue的开发,尤其是单页面应用,一般推荐用 vue + vuex + vue-router + vue-resource 来...
  • 我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装安装链接详情 但是在最终执行编译命令的时候 :npm run build ,提示如下错误: 尝试了很多方法,都不能解决改问题。 为了...
  • vue安装echarts失败使用cdn引用

    千次阅读 2019-04-10 17:33:59
    vue安装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:13
    3 安装最新的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:37
    vue安装所遇到的坑这两天在学习vue,在进行安装的时候就遇到一个大坑,不管是npm install webpack 还是npm install vue 亦或者是npm install vue-cli,,整整弄了两个晚上,都装不上, 基本都把百度翻完了。。。...
  • 参照:https://www.jianshu.com/p/2769efeaa10a ... vue安装: 1.nodejs安装 下载地址:https://nodejs.org/en/download/ 选择对应版本的下载。然后傻瓜式一步安装到底。比如我的安装后目录为 E:\Program F...
  • win10上vue 安装、卸载、升级

    千次阅读 2020-05-31 11:02:14
    2、vue 安装 2.1、安装 node.js https://nodejs.org/en/download/ 下载完毕,按照windows一般应用程序,一路next就可以安装成功,建议不要安装在系统盘 2.2、设置global和cache路径 说明:设置路径能够...
  • vue安装axios

    万次阅读 2018-10-23 14:40:41
    vue2.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:52
    vue 环境配置 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 或更高版本 (推荐 ...
  • Vue安装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:48
    1.npm install stylus--save 2.npm install stylus-loader --save
  • npm 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

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 61,559
精华内容 24,623
关键字:

vue免费下载安装

vue 订阅