Vue2.0+安装教程

前言

最近在学习Vue自己也比较懒,没怎么写博客,在学js的时候都没写过,想等自己那天有心思了把它们都写上来,对于此次的vue学习,我直接使用npm安装vue-cli脚手架,如果你嫌麻烦也可以选择直接使用下载引入vue.js包,看个人需求。题外话了,下面上Vue教程,话不多说

一、

安装Vue需要先安装node.js,具体安装很简单直接点下一步就好了,给上node官网下载,window的下载window.64就好

传送门:https://nodejs.org/en/download/

安装好node之后,打开终端输入 node -v 出现版本则安装成功

二、

现在可以开始安装最重要的了,在终端输入 npm install –g cnpm ,全局安装vue-cli脚手架
因为是国外的服务器,所以安装会比较慢,但是我们可以使用阿里的镜像,我使用的是淘宝的镜像
在终端输入:

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

安装脚手架在终端继续输入:

npm install --global vue-cli

此时等待安装成功,成功之后我们在终端检查一下是否安装成功输入以下:

vue -V  //注意后面的V是大写

如果出现版本号则成功安装

三、

安装环境成功之后,我们使用命令切换到需要建立项目的文件夹下 使用cd进行切换
然后在终端输入以下命令创建项目:

vue init webpack "项目名称"  //项目名称不要中文或者大写字母

等待一小会不出意外会出现让我们进入到需要我们输入的地方:

Project name:        //需要你输入的项目名称  但是不能有大写字母
project description  // 项目描述
Author    //作者,你的名字或者,由你起的
直接回车
install vue-router(y/n) y   是否需要安装路由,一般的项目都需要路由
use Eslint to lint your code?(y/n)y  是否使用Eslint管理代码,看个人吧,我这里需要我直接选择了
set up unit tests (y/n)y  是否需要安装单元测试,我选择需要
pick a test tunner     直接回车
setup e2e tests with nightwatch    是否安装e2e单元测试,我选择安装  看个人

完成 完成之后我们开始安装依赖,输入:
``` npm install 等待…. 最后你会看到 npm run dev 我们输入:npm run dev 最后不出意外会出现   Your application is runing here:http://localhost:8080

`` 恭喜你安装Vue成功,直接在浏览器输入http://localhost:8080吧