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

    2018-12-21 11:06:58
    本片文章给大家简单描述一下vue.js安装方法 因为个人也是前一段时间,才开始是接触vue.js的,当时也是看了很多vue的学习资料,但是在安装的时候也是费了不少功夫,所以我把这个过程总结了一下,希望可以帮到大家...

    本片文章给大家简单描述一下vue.js的安装方法

    因为个人也是前一段时间,才开始是接触vue.js的,当时也是看了很多vue的学习资料,但是在安装的时候也是费了不少功夫,所以我把这个过程总结了一下,希望可以帮到大家。

     

    1.首先我们要有Node.js, 如果没有的话大家可以参考下面链接进行安装

    Node.js安装包及源码下载地址:

    http://nodejs.cn/download/ 中文网、 

    https://nodejs.org/en/ 官网

    下载完成后,使用傻瓜式安装即可。安装完成后可以先进行下简单的测试安装是否成功了,后面还要进行环境配置。

    在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口,

    输入node -v

    npm -v

    即可显示当前安装的版本号,即表示安装成功。新版的Node.js已自带npm,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装以及卸载Node.js需要装的东西。

     

    2.安装一下cnpm

    因为npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,而且速度比较慢。

    所以我们可以安装cnpm国内镜像:

    在cmd令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 

    完成之后可以输入 cnpm -v查看一下,如果显示如下图,说明安装成功了

     

    3.安装vue -cli

    vue-cli是一种全局脚手架用于帮助搭建所需的模板框架,同理在cmd中输入命令:npm install -g vue-cli。在这一段代码中-g是为了全局使用的意思。与cnpm样,安装完成后会显示一长串的文件

    输入 vue -v可以查看vue版本

     

    注:有时候会出现error:unknown option '-v'这样的错误,只需要将v改成大写V即可。

     

    展开全文
  • vue.js 安装

    2018-06-04 21:50:39
    开发vue项目,首先要安装vue.js,vue 是一款轻量级的前端web开发框架,改变了传统的数据绑定方式,利用响应式数据驱动试图,下面就介绍安装vue js的方法第一种: 引用菜鸟教程中的安装方法:...由于npm要访问外网,...

    开发vue项目,首先要安装vue.js,vue 是一款轻量级的前端web开发框架,改变了传统的数据绑定方式,利用响应式数据驱动试图,下面就介绍安装vue js的方法

    第一种:

        引用菜鸟教程中的安装方法:http://www.runoob.com/w3cnote/vue-js-quickstart.html

    第二种:

        使用npm或cnpm安装。由于npm要访问外网,可能会被屏蔽,所以建议使用cnpm(其实是在npm前面加个c),

    1.先安装node.js

    node安装教程:https://www.runoob.com/nodejs/nodejs-install-setup.html

    2.安装淘宝镜像

      淘宝镜像安装:开始-运行-填写cmd,回车键确定- 输入"npm install -g cnpm --registry=https://registry.npm.taobao.org"确定安装,(前提电脑中安装好了node.js),然后便可使用cnpm install -g 'name' 可进行全局安装。 本人使用其安装了fis3打包工具。使用cnpm来安装的方便在于比npm安装速度更快(相对国内而言)

    3.安装webpack

       淘宝镜像的话cnpm install webpack -g

    4.安装vue脚手架vue-cli

        cnpm install vue-cli -g 安装成功后,输入vue -V检查是否安装成功

    5.创建一个vue项目

        cmd 输入vue,之后会弹出vue的命令,使用vue-init webpack +你的项目的名称

    之后就会下载webpack模板,之后就可以根据你的需要进行配置,

    6.进入项目,安装依赖,运行项目,node服务器会自动为你的项目打开一个端口,进入浏览器输入打开的localhost:8080

    (1).  cd + 你的项目名称

    (2).   cnpm install    (安装依赖)

    (3).   cnpm run dev  (运行项目)

    PS:到此就告一段落,以后继续更新,Python教程:+qq411790143(很全 入门+进阶)注:有偿,教程是本人花钱买的

    展开全文
  • node.js和vue.js安装配置

    千次阅读 2019-01-03 19:35:31
     标签引入或者访问我主页Vue.js和node.js安装资源包下载 2、Node.js 安装配置 Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。根据自己电脑的需要进行安装   3.Windows 上安装 Node.js ...

    1、在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入或者访问我主页Vue.js和node.js安装资源包下载

    2、Node.js 安装配置

    Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。根据自己电脑的需要进行安装

     

    3.Windows 上安装 Node.js

    你可以采用以下两种方式来安装。

    3.1、Windows 安装包(.msi)

    32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

    64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

    本文实例以 v0.10.26 版本为例,其他版本类似, 安装步骤:

    步骤 1 : 双击下载后的安装包 v0.10.26,如下所示:

    install-node-msi-version-on-windows-step1

    步骤 2 : 点击以上的Run(运行),将出现如下界面:

    install-node-msi-version-on-windows-step2

    步骤 3 : 勾选接受协议选项,点击 next(下一步) 按钮 :

    install-node-msi-version-on-windows-step3

    步骤 4 : Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录,并点击 next(下一步):

    install-node-msi-version-on-windows-step4

    步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next(下一步)

    install-node-msi-version-on-windows-step5

    步骤 6 :点击 Install(安装) 开始安装Node.js。你也可以点击 Back(返回)来修改先前的配置。 然后并点击 next(下一步):

    install-node-msi-version-on-windows-step6

    安装过程:

    install-node-msi-version-on-windows-step7

    点击 Finish(完成)按钮退出安装向导。

    install-node-msi-version-on-windows-step8

    3.2、安装完成后配置环境变量Path中添加,详情见下图

    3.3、测试是否安装成功(WIN+R后输入node --version),详情见下图

    2.Windows 二进制文件 (.exe)安装

    32 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/node.exe

    64 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/x64/node.exe

    步骤 1 : 双击下载的安装包 Node.exe ,将出现如下界面 :

    步骤 2 : win+R ,cmd进入node.exe目录下,如下图

    如果你获得以上输出结果,说明你已经成功安装了Node.js。

    以下为下载镜像:

    ->npm install -g cnpm --registry=https://registry.npm.taobao.org             --下载镜像(可能比较慢,20-30分钟左右)
    ->cnpm install-g vue-cli                  --安装Vue-cli脚手架。
    ->npm install --global vue-cli        --通过全局安装vue-cli(在cmd中运行vue提示不是内部命令,原因是环境变量没有加上)
    尝试vue命令,还是无法识别
    进入node.exe目录下执行     ->cnpm i vue-cli -g

    执行完后配置路径
    1.cnpmd的路径:C:\Users\Administrator\AppData\Roaming\npm
    2.vue.cmd的路径:E:\Vue\node-v10.15.0-win-x64\node-v10.15.0-win-x64
    配置后win+R,cmd中执行vue命令,成功后,则可以新建工程了,

    以下为新建一个简单的Vue项目进行测试:

    下面为我自己新建的工程(我自己新建了E:\wenSite\projVue文件路径,执行 vue init webpack testVue后,按照蓝颜色的字输入后如下图所示,执行完毕,E:\wenSite\projVue路径下出现testVue文件)

    展开全文
  • vue.js安装步骤使用Node.js安装

    千次阅读 2018-06-23 12:06:36
    Vue.js 是什么 Vue.js(类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目...

    一、简介

    Vue.js 是什么

    Vue.js(类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

    Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定组合的视图组件

    Vue.js是一个MVVM模式的框架,如果读者有angular经验,一定能够很快入门Vue的

    vue.js的特点:

    易用: 已经会了HTML,CSS,JavaScript?即刻阅读指南即可开始构建应用!

    灵活: 简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。

    高效: 16kb min+gzip 的运行大小,超快虚拟 DOM ,最省心的优化

    二、环境搭建

    vue推荐开发环境:

    Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言

    npm: Nodejs下的包管理器。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像(http://npm.taobao.org/)

    webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。

    vue-cli: 用户生成Vue工程模板

    安装node.js

    node.js下载并安装,安装过程很简单,一路下一步就可以了(傻瓜式安装)。安装完成之后,打开命令行工具在键盘按下【win+R】键,输入cmd,然后回车,输入node -v,如下图,如果出现相应的版本号,则说明安装成功。npm包管理器,是集成在node中的,所以,直接输入npm -v就会如下图所示,显示出npm的版本信息。

    安装cnpm

    基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像

    命令:npm install cnpm -g --registry=https://registry.npm.taobao.org

    完成之后,我们就可以用cnpm代替npm来安装依赖包了。

    安装vue-cli脚手架构建工具

    安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

    命令:cnpm install -g vue-cli

    在这一段代码中-g是为了全局使用的意思。与cnpm样,安装完成后会显示一长串的文件,输入 vue -V可以查看vue版本。

    创建第一个Vue.js项目

    在命令行中输入:vue init webpack demo(项目文件夹名)。

    第一个Vue.js项目就创建完成。打开文件放在C:\Users\Administrator\demo下面。通过输入cd  demo就可以进入目录具体文件夹然后在命令行中输入:cnmp install或者npm install安装依赖包。重新打开路径下的文件夹,我们可以看到文件夹中比之前的文件夹多了一个node_modules文件夹,到此脚手架安装完成。

     

    在命令行中里输入:npm run dev。

    此命令会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

    这里简单介绍下 npm run dev 命令,其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。运行成功后,会看到如下所示的界面。此时,任务完成。

     

     

     

    展开全文
  • vue.js 三种方式安装(vue-cli)

    万次阅读 多人点赞 2018-05-29 07:49:05
    Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API... 下面介绍三种 Vue.js安装方法: 1.独立版本 我们可以在Vue.js的官网上直接下载vue...
  • vue.js安装部署

    2018-05-03 13:41:31
    Vue.js的运行环境配置,主要分为3步: 安装Node.js 安装Vue.js 搭建Vue-cli 创建项目 这位朋友写得特别好! (¬_¬)&nbsp;&nbsp;Vue.js 运行环境搭建
  • vue.js安装与配置

    万次阅读 多人点赞 2017-12-27 14:16:17
    这个系列的博文是针对于学习Vue.js的同学展开的。  1.如何简单地使用Vue.js  如同以前我们学过的Jquery一样,我们在程序中使用Vue.js时也可以使用直接引用的方法,直接下载并用 标签引入,Vue.js会被注册为...
  • npm cnpm node.js react vue.js 安装使用

    千次阅读 2020-02-09 15:48:29
    总结一下,要不总得查。... npm是Node Package Manager,就是node.js的包管理工具,比如我们使用reactvue等需要的各种组建都是通过npm来安装。 cnpm是淘宝的npm(支持 npm 除了 publish 之外的所有命令 https:...
  • 1. vue.js安装 vue.js的使用有两种方式: 1、类似于jquery库的使用,使用的方式直接引入页面,下载地址:开发版(包括了警告和调试模式下载) ,生产版本(删除了警告,进行压缩生成的vue.min.js 下载);...
  • Vue.js安装教程

    千次阅读 2018-09-25 17:52:50
    目的: 记录使用npm安装方式 安装Vue.js的过程,方便参考和借阅   No 1. 安装Node.js (如果电脑上已经安装了npm环境的同学,就不用再次安装,可以跳过此步骤 直接到No.2)  1.1 进入到右边的网页地址 ...
  • Vue.js安装以及创建项目

    千次阅读 2017-07-25 10:56:27
    安装Vue.js 怎么搭建vue.js的环境呢?要搭建vue的环境需要借助node.js的npm的包管理器,所以先去看下NodeJS、NPM安装配置步骤。 1.安装淘宝的npm镜像(可安装可不安装):  如果在cmd中直接使用npm来安装的一些工具...
  • vue.js安装步骤教程

    万次阅读 多人点赞 2019-05-03 17:23:18
    1.安装node.js 从 node.js官网 下载并安装node 安装过程很简单,一直点下一步就ok了。 1.1我们通过打开命令行工具(win+R),输入 node -v 查看node的版本,若出现相应的版本号说明你安装成功了 1.2.npm包管理...
  • Vue.js安装及环境搭建

    2019-10-05 18:51:06
    Vue.js环境搭建-Windows版 步骤一:安装node.js 在搭建vue的开发环境之前,需要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32还是...
  • 目录@[TOC](目录)方法一 独立版本安装方法二 使用 CDN ...我们可以在Vue.js的官网直接下载: vue.min.js 并用 方法二 使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载...
  • win10 nodejs,npm,vue.js安装部署

    千次阅读 2018-10-14 02:38:54
    3. 使用git安装npm(node.js安装时自带npm的,这一步可以忽略) 4. NPM设置 安装VUE.js 构建项目 NPM安装依赖出错   1. 下载安装node.js  下载最新版node.js,现在最新版地址  ...
  • Vue.js安装及引入iview组件库

    千次阅读 2019-04-20 17:59:15
    在项目中使用Vue的方式有两种,一种是通过CDN引入Vue.js <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- ...
  • vue.js安装less

    千次阅读 2018-10-21 17:28:36
    主要是用muse ui引入一些css报错,提示缺少less-loader vue-cli 构建的项目默认是不支持 less 的,需要手动添加。 进入项目目录下的node_modules这个...然后在build/webpack.base.conf.js中添加 module: { ...
  • Windows Installer(.msi)文件是需要安装的文件。 Windows二进制文件.zip文件是免安装文件。 2.安装: 2.1)我自己是下载的文件(.zip)文件 2.2)解压: 2.3)创建两个目录节点全局和节点缓存。 ...
  • vue.js安装过程(npm安装)

    万次阅读 2017-05-17 21:43:14
    一、开发环境vue推荐开发环境:Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言npm: Nodejs下的包管理器。...vue-cli: 用户生成Vue工程模板二、环境搭建安装node.js: 1. 从node.js官网下载并安
  • 【VUE】Vue.js安装淘宝NPM初始化

    千次阅读 2019-07-20 21:02:50
    安装淘宝npm镜像(推荐): npm install -g cnpm --... 安装vue-cli脚手架: cnpm install -g vue-cli 创建初始化项目“my-project”: vue init webpack my-project 安装项目依赖: cnpm install 运行项目: ...
  • vue.js安装过程(npm安装)2017年05月17日 21:43:14阅读数:21312一、开发环境vue推荐开发环境:Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言npm: Nodejs下的包管理器。webpack: 它主要的用途是...
  • Vue简介官网推荐安装方式 https://cn.vuejs.org/v2/guide/installation.html安装Node.js请参照之前的配置RN环境安装Homebrew请参照之前的配置RN环境全局安装Vue# 全局安装 vue-cli $ npm install --global vue-cli ...
  • vue.js安装过程 (npm安装)

    千次阅读 2017-06-22 13:18:50
    一、开发环境 vue推荐开发环境: Node.js: JavaScript运行环境(runtime),不同系统直接运行各种编程语言 npm: Nodejs下的包管理器。...webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端...安装node.js

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 27,272
精华内容 10,908
关键字:

vue.js安装

vue 订阅