Vue 安装

LMGD

已于 2022-04-14 13:43:21 修改

阅读量1.8k

点赞数

分类专栏： Vue 文章标签： vue.js

于 2022-04-14 11:29:33 首次发布

本文链接：https://blog.csdn.net/LMGD_/article/details/124166516

版权

Vue 专栏收录该内容

9 篇文章 3 订阅

订阅专栏

Vue 安装官网地址：安装 — Vue.js

方式1、直接<script> 引入

方式2、NPM安装

方式一：直接 <script> 引入

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

开发版本下载：https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js

生产版本下载：https://cdn.jsdelivr.net/npm/vue@2.6.14

vuetest.html 页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--直接 <script> 引入-->
    <script type="text/javascript" src="js/vue.js"></script>
</head>
<body>
</body>
</html>

效果图

方式二：NPM安装

2.1 安装 Node.js

官网下载地址：Node.js

2.2 安装cnpm（管理员方式运行）

以管理员方式运行黑窗口，输入cmd

在命令行中输入如下命令，然后等待安装（使用淘宝镜像源，安装 cnpm）

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

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

在命令行中运行命令,然后等待安装完成

cnpm install -g vue-cli

2.4 是否安装成功

输入命令，检查是否安装成功

vue -V

输出版本信息，即安装成功

LMGD

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
Vue 安装

Vue 安装官网地址：安装 — Vue.js1、直接 <script> 引入2、NPM安装1、直接 <script> 引入直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。开发版本下载：https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js生产版本下载：https://cdn.jsdelivr.net/npm/vue@2.6.14vuetest.html 页面...
复制链接

扫一扫