精华内容
下载资源
问答
  • 本文为大家分享了vuejs安装教程,供大家参考,具体内容如下 1.安装nodejs,自带npm环境。 地址:https://nodejs.org/en/download/,Node.js 历史版本下载地址:https://nodejs.org/dist/ 可自行选择适合自己操作系统...
  • 安装vue的时候不是很顺利,现将我自己遇到的问题分享给大家,希望对大家有所帮助
  • VueJS安装步骤

    2017-08-04 14:33:13
    VueJS Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能实现的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。 VueJS 独立版本(下载调用) 直接下载并用 标签引入,...

    VueJS

    Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能实现的 ECMAScript 5 特性。

    Vue.js 支持所有兼容 ECMAScript 5 的浏览器

    VueJS 独立版本(下载调用)

    直接下载并用 <script> 标签引入,Vue 会被注册为一个全局变量。

    重要提示:在开发时请用开发版本,遇到常见错误它会给出友好的警告。

    vuejs.org.cn/js/vue.js 开发版(包含完整的警告和调试模式)

    vuejs.org.cn/js/vue.min 稳定版(删除了警告,26.04kb min+gzip)

    VueJS CDN

    可以从 jsdelivr 或 cdnjs 获取(版本更新可能略滞后)。

    也可以使用 npmcdn,这个链接指向发布到 npm 上的最新稳定版本。 可以在npmcdn.com/vue/ 上查看包的源码。

    VueJS CSP兼容版

    有些环境,如 Google Chrome Apps,强制应用内容安全策略 (CSP) ,不能使用new Function() 对表达式求值。

    这时可以用 CSP 兼容版本

    以上的版本我都没有安装过,我使用的是NPM安装。给大家讲讲我在 windows8.1 Pro 下安装 VueJS的步骤:

    环境:Windows8.1 Pro

    工具:Git Bush Here

    在VueJS的中文官网(vuejs.org.cn)给出的文档中提到:

    在 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 Webpack 或Browserify 的 CommonJS 模块打包器配合使用。

    Vue.js 也提供配套工具来开发单文件组件

    但是我感觉这句话就是多余的,怎么说呢,一般我们前端程序员,在用到NodeJS、Gulp……这些工具的时候大多都是使用Cmd命令来操作,所以我相信大多部分中高级程序员都会选择Cmd安装步骤,毕竟,为了装逼嘛。哈哈,闲话就不多说了,下面开始讲解我的Bush 安装步骤。

    1. 打开你的 CMD 或者 NPM.cmd 或者Git Bush Here

    先按照官网给出的步骤输入

    # 最新稳定版本

    $ npm install vue

    # 最新稳定 CSP 兼容版本

    $ npm install vue@csp

    然后你就能看到

    那就说明你已经安装成功了,当然你的终端也有可能会出现卡顿的现象,这个就只能说明你电脑里面东西装的太多了,就比如说我,我的电脑里就装很多东西,node 什么的都有,所以在输入 $ npm install vue 的时候就会等很久,毕竟它们工作的时候还是要查查看你的系统里面有没有 VueJS ,当然如果有的话那么他们就只是帮助你更新。

    现在输入 $ vue 你的终端就会显示

    这就说明的 VueJS 已经安装到你的计算机中了,但是不要高兴的太早了,下面还有几个比较繁琐的事情。

    2. 启动带热重载、保存时静态检查

    Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。

    首先我们先来全局安装 Vue-cli,在你的终端执行完上面的 $ npm install vue 后输入:

    # 全局安装 vue-cli

    $ npm install -g vue-cli

    这是个比较繁琐的步骤,会在你的计算机终端中提取新建很多东西,看起来都是非常繁琐的东西。反正它会先在你的系统盘去调查你的 VueJS 然后再给你新建很多文件夹,当然这些文件夹是根据你的 VueJS 来创建的,而且它的每一个步骤都在终端上面给你一一列出,这里我就不详细说明了,我相信你们埋怨我不给你们将,但是如果你们的需求量大的话,我可以下次抽空给你们讲解,现在真的不适合,因为确实很多,你们看一下就明白了,现在你们可以自己在下面的图片上面查看,或者自己实践的时候仔细浏览。


    怎么样,是不是现在已经眼花缭乱了,哈哈,其实你们也可以不用全部仔细看,只需要明白这一步已经执行成功了就好了,哈哈,怎么样这个坑喜欢吗?

    3. 创建一个基于  webpack  模板的新项目

    还是和刚才一样等上面的全部显示后再你的终端输入

    # 创建一个基于 "webpack" 模板的新项目

    $ vue init webpack my-project

    $ cd my-project

    $ npm install

    $ npm run dev

    就会得到下面的东西,不要被他的外表而吓到,其实就是别人在询问你,就好比你在买电脑后售货员会问你一些设置问题一样。


    然后你敲回车键就会出现很多问答题一样的东西


    Project name (my-project) # 项目名称(我的项目)

    Project name my-project # 项目名称我的项目

    Project description (A Vue.js project) # 项目描述一个Vue.js 项目

    Project description A Vue.js project # 项目说明一个 Vue.js 项目

    Author (Pat <gouqingping@yahoo.com>) # 作者 (Pat <gouqingping@yahoo.com>)

    Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码? (Y [ yes ] / N [ no ])

    Use ESLint to lint your code? Yes # 使用 ESLint 到你的代码? 是

    Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint(使用箭头键)

    Pick an ESLint preset Standard # 选择一个预置ESLint标准

    Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha? (Y/ N)

    Setup unit tests with Karma + Mocha? Yes # 设置单元测Karma + Mocha?是

    Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试,Nightwatch? (Y/ N)

    Setup e2e tests with Nightwatch? Yes # 设置端到端测试,Nightwatch? 是

    当然这些都看你自己的爱好了,我这里是全选了是。

    最后生成 Vue.js 的webpack 项目

    vue-cli · Generated "my-project". # VUE-CLI·生成“我的项目”。

    To get started: # 开始:

    cd my-project # CD我的项目

    npm install # NPM安装

    npm run dev # NPM运行开发

    Documentation can be found at Introduction #文档可在Introduction找到

    当你走到这里的时候你也就完成了VurJS 的安装,当然包括 webpack 打包工具;

    但是官网还给出了一个开发版本的 Common.js 的说明,发布到 NPM 上的 CommonJS 包 (vue.common.js) 只在发布新版本时签入 master 分支,所以这些文件在 dev 分支下跟稳定版本是一样的。想使用 GitHub 上最新的源码,需要自己编译:

    git clone GitHub - vuejs/vue: Simple yet powerful library for building modern web interfaces. node_modules/vue
    cd node_modules/vue
    npm install

    npm run build

    展开全文
  • Vuejs安装

    2020-06-03 12:21:54
    安装下载 安装Vue方式有很多: 方式一:直接CDN引入 你可以选择引入开发环境版本还是生产环境版本 开发环境版本,包含了有帮助的命令行警告 生产环境版本,优化了尺寸和速度 方式二:下载和引入 开发环境:...

    使用一个框架,我们第一步要做什么呢?安装下载
    安装Vue方式有很多:

    方式一:直接CDN引入
    你可以选择引入开发环境版本还是生产环境版本
    开发环境版本,包含了有帮助的命令行警告

    生产环境版本,优化了尺寸和速度

    方式二:下载和引入
    开发环境:https://vuejs.org/js/vue.js
    生产环境:https://vuejs.org/js/vue.min.js

    在这里插入图片描述
    鼠标放在“开发版本”的按钮上点击右键另存为。

    方式三:NPM安装
    后续通过webpack和CLI的使用,我们使用该方式。

    展开全文
  • vuejs 安装

    2019-06-17 15:50:00
    https://blog.csdn.net/jiangyu1013/article/details/83855476 转载于:https://www.cnblogs.com/zquan/p/11040138.html

    https://blog.csdn.net/jiangyu1013/article/details/83855476

    转载于:https://www.cnblogs.com/zquan/p/11040138.html

    展开全文
  • vuejs安装

    千次阅读 2017-04-01 11:04:28
    一、安装nodejsnodejs的官方网站 二、安装cnpm,安装命令为,如下cnpm install -g cnpm --registry=https://registry.npm.taobao.org 三、设置环境变量(非常重要)说明:设置环境变量可以使得住任意目录下都可以...

    一、安装nodejs

    nodejs的官方网站
    

    二、安装cnpm,安装命令为,如下

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

    即可将npm指向国内镜像源,之后输入cnpm -v

    三、设置环境变量(非常重要)

    说明:设置环境变量可以使任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径
    1、鼠标右键"此电脑",选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框
    
    2、修改用户变量PATH
    选中PATH,点击编辑,在已有的变量后面,加入英文的";",然后把“D:\Program Files\nodejs\node_global”加到后面
    

    四、设置global和cache路径

    建立“node_global”及“node_cache”两个文件夹。我们就在cmd中键入两行命令

    npm config set prefix "d:\Program Files\nodejs\node_global"
    npm config set cache "d:\Program Files\nodejs\node_cache"
    
    1、如果在安装过程中,出现一个现象就是:你的nodejs安装在D盘,但是你安装上面的node_global和node_cache时,
    提示operation not permitted你没有权限安装,是因为你没有用管理员的权限运行的cmd.exe,
    2、解决方法:到C:\Windows\System32目录下,找到CMD.exe以管理员的权限运行
    

    五、新建系统变量 “NODE_PATH”,在下面的系统变量中点击新建,弹出下框

    下面这一步非常关键,我们需要设置系统变量。进入我的电脑→属性→高级→环境变量。在系统变量下新建“NODE_PATH”,输入“D:\Program Files\nodejs\node_global\node_modules”

    2014.4.19新增:由于改变了module的默认地址,所以上面的用户变量都要跟着改变一下(用户变量”PATH”修改为“D:\Program Files\nodejs\node_global\”),要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令,也不是可运行的程序或批处理文件”这个错误。

    变量名:NODE_PATH
    变量值:D:\Program Files\nodejs\node_global\node_modules
    

    六、安装bower, npm install bower -g; -g表示全局

    输入 node
    require('bower') 显示如下表示 安装成功!
    
    1、windows系统npm安装bower失败解决方案
    2、找到npm安装的文件夹下面,有个npmrc文件
    3、打开npmrc文件,添加 registry = http://registry.cnpmjs.org 语句,强制使用该镜像地址。
    

    六、用cnpm安装vue

    cnpm install vue -g
    或者
    npm install vue -g
    

    七、安装vue命令行工具

    cnpm install vue-cli -g
    或者
    npm install vue-cli -g
    

    八、创建工程

    1、用cd命令切换到你将要新建工程的目录,如:cd d:\vue
    2、创建一个基于 webpack 模板的新项目,工程名为mytest。
        vue init webpack mytest
    
    3、如果安装vue不是内部或外部命令
    4、搜索vue.cmd的位置,我的地址是:D:\Program Files\nodejs\node_global\
    5、搜索到这个批处理文件后把这个文件的路径加入Path中就行了
    

    九、定位到mytest的工程目录下

    cd mytest
    

    十、安装工程依赖的模块,这些模块将被安装在:mytest\node_module目录下,根据package.json的配置下载该项目的modules

    npm install
    

    十一、运行该项目,测试一下该项目是否能够正常工作,这种方式是用nodejs来启动。

    npm run dev
    
    1、如果出现:Listening at http://localhost:8080 安装成功!
    2、它会自动弹出运行一个vue的一个页面
    3、如果关闭cmd了,下次要运行,必须用cd命令切换到mytest当前目录下,再运行npm run dev才可以运行
    

    十二、有时我们的服务器并不一定是node,也许是IIS,这样我们就需要把工程构建出来,与IIS集成。构建该项目的命令如下

    npm run build   
    
    将dist文件夹拷贝出来,放到IIS的发布目录,在浏览器中输入IIS设置的本机ip和端口进行访问即可。Good Luck
    参考文档:http://www.cnblogs.com/ixxonline/p/6007885.html
    

    十三、安装项目依赖:安装 vue 路由模块vue-router和网络请求模块vue-resource

    进入该项目执行:npm install vue-router vue-resource --save
    

    十四、8080端口被占怎么解决,打开cmd运行命令

    1)输入  netstat   -ano|findstr  8080
        //说明:查看占用8080端口的进程
    2)  taskkill  /pid  6856  /f 
        //说明,运行windows自带taskkill命令,将上面显示的进程号,结束掉。
    
    展开全文
  • vuejs安装

    2019-10-08 04:09:12
    vuejs安装篇 1.安装nodejs,自带npm环境。 地址:https://nodejs.org/en/download/,Node.js 历史版本下载地址:https://nodejs.org/dist/ 可自行选择适合自己操作系统的版本。 安装过程参见:...
  • vuejs安装手记

    2019-01-17 23:32:22
    最近大厂好像要裁了PHP,加上vuejs那么火,就学一下吧,在安装vuejs那里卡了3天,好难受,今天终于搞好了,不说了,上步骤 1、安装下载工具:yum -y install wget 2、安装编译依赖:yum -y install gcc gcc-c++ ...
  • Vuejs安装

    2021-01-30 16:24:33
    方式一:直接CDN引入 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script> <script src="https://cdn.jsdelivr.net/npm/vue">script> 方式二:下载和引入 开发环境...方式三:NPM安装 npm install vue
  • VueJS安装到入门

    千次阅读 2017-07-29 09:56:59
    VueJS安装到入门 VueJS的学习入门篇可以参考慕课网学习视频http://www.imooc.com/learn/694,视频中详细介绍了具体的安装步骤,和一些入门的知识,在此我们列出具体的安装步骤: 1、安装nodejs,安装之后安装淘宝镜像...
  • Vuejs 安装与配置

    2017-08-08 10:34:00
    1.全局安装 vue-cli $ npm install --global vue-cli 2.创建一个基于 webpack 模板的新项目 $ vue init webpack my-project 3.安装依赖,走你 $ cd my-project $ npm install $ npm run dev 转载于:...
  • npm安装nodejs和vuejs教程

    千次阅读 2019-02-22 12:02:35
    nodejs和npm最新安装更新教程 一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如...
  • vuejs安装到搭建的整个过程

    万次阅读 多人点赞 2016-11-29 10:18:28
    后来发现安装好以后似乎用起来更便利 然后就开始琢磨着怎么搭起框架来 下面是过程安装1、 安装nodejs 直接网上找下载就好2、安装淘宝镜像 打开命令行 输入npm install -g cnpm --registry= ...
  • vueJs插件安装

    2021-06-24 21:47:06
    目的: 在idea上能够识别vue文件 操作: 1、百度idea插件库 2、搜索vuejs 3、get->install to idea 4、自动跳转到idea界面 5、按照提示重启idea
  • Vue.js安装教程

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

    2019-03-21 23:52:30
    vueJS离线安装包
  • 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 是什么 ...下载.msi的安装包安装的,只需要根据提示【下一步】进行操作就可以了,这种安装方法就不需要手动配置环境变量了,它自动添加的。 好了,大功告成了!!!
  • linux 安装vue.js 整个流程

    千次阅读 2019-04-22 21:34:11
    1.首先建议node.js安装6.x版(注意:搭建vue环境必须安装node.js) 从nodejs官网(http://nodejs.cn/download/)下载安装包 解压之后做link ln -s /home/node/node-v6.11.5-linux-x86/bin/npm /usr/local/bin/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开发工具vuejs-devtools安装教程,相信你只需要5分钟即可解决所有问题 所需的所有文件,链接:https://pan.baidu.com/s/19GWDS_7GodIdFBUO0eTDAg 提取码:2yvc 一、vue.js插件下载 下载地址:...
  • chrome离线安装vuejs devtools扩展方法-附件资源
  • .NET Core中的Vue.js入门 在Visual Studio中将Vue.js与.NET Core和Razor Pages一起使用的入门教程 先决条件 您将需要安装Node和NPM。 用法 打开命令提示符,克隆这种... 安装依赖项后,双击netcore-vuejs.sln以在Visu
  • Vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决-附件资源

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,909
精华内容 6,763
关键字:

vuejs安装

vue 订阅