安装vue.js的操作步骤

这篇文章主要介绍了安装vue.js的操作步骤,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

安装vue.js的方法:1、在vue.js的官网上直接下载vue.min.js并用& lt; script>标签引入;2、使用CDN方法来安装vue.js; 3、使用淘宝的镜像及其命令cnpm来安装vue.js。

<强> Vue。js安装

1,独立版本

我们可以在Vue。js的官网上直接下载vue.min。js并用& lt; script>标签引入。

下载地址:https://vuejs.org/js/vue.min.js

2,使用CDN方法

以下推荐国外比较稳定的两个CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。

Staticfile CDN(国内):https://cdn.staticfile.org/vue/2.2.2/vue.min.js

unpkg: https://unpkg.com/vue/dist/vue.js,会保持和npm发布的最新的版本一致。

cdnjs: https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

Staticfile CDN(国内)

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　& lt; script  src=癶ttps://cdn.staticfile.org/vue/2.2.2/vue.min.js"祝辞& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt; div  id=癮pp"祝辞 　　& lt;才能p> {{, message }} & lt;/p> 　　& lt;/div> 　　& lt; script> 　　Vue ({new  　　el才能:& # 39;#应用# 39; 　　,,数据:{ 　　,,,的信息:,& # 39;Hello  Vue.js ! & # 39; 　　,,} 　　}） 　　& lt;/script> 　　& lt;/body> 　　& lt;/html> 　　unpkg(推荐) 　　& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　& lt; script  src=癶ttps://unpkg.com/vue/dist/vue.js"祝辞& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt; div  id=癮pp"祝辞 　　& lt;才能p> {{, message }} & lt;/p> 　　& lt;/div> 　　& lt; script> 　　Vue ({new  　　el才能:& # 39;#应用# 39; 　　,,数据:{ 　　,,,的信息:,& # 39;Hello  Vue.js ! & # 39; 　　,,} 　　}） 　　& lt;/script> 　　& lt;/body> 　　& lt;/html> 　　cdnjs 　　& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　& lt; script  src=癶ttps://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"祝辞& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt; div  id=癮pp"祝辞 　　& lt;才能p> {{, message }} & lt;/p> 　　& lt;/div> 　　& lt; script> 　　Vue ({new  　　el才能:& # 39;#应用# 39; 　　,,数据:{ 　　,,,的信息:,& # 39;Hello  Vue.js ! & # 39; 　　,,} 　　}） 　　& lt;/script> 　　& lt;/body> 　　& lt;/html>

3, NPM方法

由于NPM安装速度慢,本教程使用了淘宝的镜像及其命令cnpm,安装使用介绍参照:使用淘宝NPM镜像。

NPM版本需要大于3.0,如果低于此版本需要升级它:

#,查看版本 　　美元,npm  - v 　　tripwire 　　#升级,npm 　　cnpm  install  npm  - g 　　#,升级或安装,cnpm 　　npm  install  cnpm  - g

在用Vue。js构建大型应用时推荐使用NPM安装:

#,最新稳定版 　　美元,cnpm  install  vue

命令行工具

vue。js提供一个官方命令行工具,可用于快速搭建大型单页应用。

#,全局安装,vue-cli 　　美元,cnpm  install ——global  vue-cli 　　#,创建一个基于,webpack 模板的新项目 　　美元,vue  init  webpack 我的项目 　　#,这里需要进行一些配置,默认回车即可 　　却,能够will  install  Vue  2. x  version  of 从而模板。 　　For  Vue  1. x 使用:,Vue  init  webpack # 1.0,我的项目 　　?,Project  name 我的项目 　　?,Project  description  A  Vue.js 项目 　　?,Author  runoob  & lt; test@runoob.com> 　　?,Vue  build 独立 　　?,Use  ESLint 用lint  your 代码吗?是的 　　?,Pick  an  ESLint  preset 标准 　　?,Setup  unit  tests  with  Karma  +,摩卡吗?是的 　　?,Setup  e2e  tests  with 守夜吗?是的 　　,,vue-cli ·Generated “my-project"。 　　,,用get 开始: 　　,, 　　,,,,cd 我的项目 　　,,,,npm 安装 　　,,,,npm  run 开发 　　,, 　　,,Documentation 还要be  found  at  https://vuejs-templates.github。io/webpack

安装vue.js的操作步骤