Vue.js安装教程

Vue安装

一.vue下载地址

直接下载并使用script标签，将其注册为一个全局变量

vue.js下载官网地址：https://vuejs.org/v2/guide/installation.html

我们可以下载我们开发中所需要的版本，共有以下两个版本

或者使用本站的静态资源CDN库：

https://mp.csdn.net/mdeditor/vue@2.6.6/dist/vue.js

NPM安装

查看npm版本
$ npm -v
最新稳定版
$ npm install vue

命令行工具

全局安装 vue-cli

$ npm install --global vue-cli

创建一个基于webpack模板的新项目

$ vue init webpack my-project(项目名称)

这里需要进行一些配置，默认回车即可

This will install Vue 2.x version of the template. //Vue2以上的版本
For Vue 1.x use: vue init webpack#1.0 my-project
? Project name my-project //项目名称
? Project description A Vue.js project //项目描述
? Author runoob <test@runoob.com> //作者
? Vue build standalone
?Install vue-router?Yes //是否安装vue-router
? Use ESLint to lint your code? Yes //是否用eslint来规范代码风格
? Pick an ESLint preset Standard //单元测试
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

在所建项目的文件夹下按住shift右键，点击在此处打开命令行，运行下面的代码

cd my-project //进入项目根目录
npm install	//安装依赖
npm run dev	//本地运行

成功以后执行> http://localhost:8080
输出结果如下: