一、安装Vue.js

（一）使用独立版本

直接从Vue官网（https://vuejs.org/）上下载Vue的JavaScript脚本文件。

1、开发版本

https://vuejs.org/js/vue.js

2、生产版本

https://vuejs.org/js/vue.min.js

3、案例演示

MVVM架构图
下载vue.js
创建index.html
浏览index.html

（二）使用CDN方式

CDN（Content Delivery Network）- 内容分发网络，是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问的响应速度和命中率。
使用CDN方式来安装Vue框架，其实就是选择一个提供vue.js链接的稳定的CDN服务商。国内国外都有CDN服务商。

1、采用 Staticfile CDN

网址：https://www.staticfile.org
可以选择其它版本的Vue

2、案例演示

创建hello.html
浏览hello.html

（三）使用NPM方式

1、安装Node.js和NPM

NPM（Node Package Manager）是一个Node.js包管理和分发工具。Node.js已经集成了NPM，只要安装了Node.js，NPM也就一并安装好了。
访问Node.js官网 - https://nodejs.org
LTS是长期支持版本，比较稳定；Current是最新版本，包含最新特性，可能存在bug
下载14.17.3 LTS版本
双击node-v14.17.3-x64.msi，安装Node.js
在命令行窗口查看Node.js和NPM版本
安装最近版本的NPM

npm install npm@latest -g

2、利用NPM安装Vue

Vue学习笔记01：准备开发与调试环境相关推荐

Vue学习笔记01——Vue开发基础
一.Vue实例配置选项选项说明 data Vue实例数据对象 methods 定义Vue中的方法 components 定义子组件 computed 计算属性 filters 过滤器 el 唯一根 ...
JSP学习笔记01 - JSP简介及运行环境配置
一.什么是JSP 1.jsp简介 JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它是由Sun Microsystems公司倡导.许多 ...
【狂神说Java】Vue学习笔记01：前端知识体系
本文根据B站[狂神说Java]vue系列视频整理,如需观看视频,请点击链接跳转 [狂神说Java]Vue视频 2.前端知识体系想要成为真正的"互联网Java全栈工程师"还有很长的 ...
Python学习笔记[01]-Python开发环境准备
安装Python 下载Python 1.访问www.python.org 下载最新的版本3.6.4 2.7.版本和3..版本不兼容的,现在一般都用3.版本,勇于推出不兼容的更新版本,类似于苹果公司,不 ...
人工智能学习笔记01——数据分析的介绍及环境安装
1 为什么要学习数据分析 1 有岗位需求 2 是python数据科学的基础 3 是机器学习课程的基础 2 什么是数据分析数据分析就是用适当的方法对采集来的大量数据进行分析,帮助人们做出判断,以便 ...
Vue学习笔记02——Vue路由
Vue学习笔记01--Vue开发基础一.初识路由 1.路由的作用 Vue的路由是前端路由,可以让组件之间互相切换. 2.vue-router.js文件 Vue的路由使用需要引入vue-router. ...
[ESP32]学习笔记01
[ESP32]学习笔记01 学习笔记01 本开发工具使用ESP-IDF 工具链,非Arduino,关于ESP32-IDF工具链的安装方法可直接查看乐鑫官官方文档,CSDN上也有很多相关搭建开发环境的文 ...
Windows驱动开发学习笔记（二）—— 驱动调试内核编程基础
Windows驱动开发学习笔记(二)-- 驱动调试&内核编程基础基础知识驱动调试 PDB(Program Debug Database) WinDbg 加载 PDB 实验:调试 .sys ...
Vue + Spring Boot 学习笔记01：实现用户登录功能
Vue + Spring Boot 学习笔记01:实现用户登录功能一.创建后端Spring Boot项目Book Management 二.创建前端Vue项目bm-vue 三.修改后端项目Book ...

Vue学习笔记01：准备开发与调试环境

文章目录

一、安装Vue.js

（一）使用独立版本

1、开发版本

2、生产版本

3、案例演示

（二）使用CDN方式

1、采用 Staticfile CDN

2、案例演示

（三）使用NPM方式

1、安装Node.js和NPM

2、利用NPM安装Vue

Vue学习笔记01：准备开发与调试环境相关推荐

最新文章

热门文章