2023学年完整公开课版Vuejs路由安装_第1页
2023学年完整公开课版Vuejs路由安装_第2页
2023学年完整公开课版Vuejs路由安装_第3页
2023学年完整公开课版Vuejs路由安装_第4页
2023学年完整公开课版Vuejs路由安装_第5页
已阅读5页,还剩7页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

Vue.js路由-安装1、独立版本安装

2、NPM方法安装

学习目标

1、了解独立版本安装路由

2、掌握NPM方法安装路由

从Vue.js的官网上直接下载vue.js,并在.html中通过<script>标签中引用。<scriptsrc=../vue.js></script>

注意:开发环境不要使用最小压缩版,不然会没有错误提示和警告!(页面中直接使用)使用vue多页面开发:引入vue.js创建vue根实例:newVue({选项})独立版本安装

在用Vue.js构建大型应用时推荐使用NPM安装方法,NPM能很好的和Webpack或者Browserify模块打包器配合使用,Vue.js也提供配套工具来开发单文件组件。NPM方法安装

安装需要的环境:1、node.js环境(npm包管理器)2、vue-cli脚手架构建工具3、cnpmnpm的淘宝镜像NPM方法安装

一、安装node.js从node.js官网下载并安装node,安装过程很简单,一直点下一步就ok了,安装完之后,通过打开命令行工具(win+R),输入node-v命令,查看node的版本,若出现相应的版本号,则说明安装成功了。NPM方法安装

二、npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入npm-v令,显示npm的版本信息。NPM方法安装

三、安装cnpm在命令行中输入npm-gcnpm-registry=等待,如果没有报错就说明安装成功。如下图:NPM方法安装(推荐使用)

四、安装vue-cli脚手架构建工具(必须在全局中进行安装)在命令行中运行命令npminstall-gvue-cli,然后等待安装完成。验证是否安装成功:vue-v

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论