Vue.js下载及安装

Vue.js下载及安装

Vue.js下载

官网下载:https://cn.vuejs.org/v2/guide/installation.html

Vue.js引用

//引入下载的Vue.js:
<script src="文件路径/vue.js"></script >
//也可以用#CDN引入Vue.js:
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

cnpm安装

1.查看版本号并安装Vue。

(npm服务器在国外安装太慢,本次使用淘宝的镜像及其命令cnpm)

  1. 安装node.js(cnpm与npm命令不是计算机内部命令)
  2. 打开任务管理器:Win + R,输入cmd
  3. 输入:npm install -g cnpm -registry=https://registry.npm.taobao.org然后Enter,如下图:
    在这里插入图片描述
  4. 输入:cnpm -v+Enter,如下图:在这里插入图片描述
  5. 输入:cnpm install vue+Enter,如下图:(最新稳定版)在这里插入图片描述

2.安装脚手架Vue.js。

  1. 输入:cnpm install --global vue-cli+Enter,如下图:(全局安装 vue-cli)在这里插入图片描述

  2. 创建一个基于webpack模板的新项目,输入:vue init webpack my-project+Enter,如下图: (项目名称为:my-project)省略了一些,太多了没截到

  3. 输入:cd my-project+Enter,然后,cnpm install+Enter
    ,进入项目my-project。如下图:在这里插入图片描述

  4. 使用cnpm run dev+Enter,运行项目,如下图:在这里插入图片描述

  5. 在浏览器访问:http://localhost:8080/,如下图:在这里插入图片描述

谢谢观看!!!(第一篇博客啊!!!大佬们轻喷~~~)


版权声明:本文为Anubis_Anpu_原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。