vue学习记录（一）环境的搭建

vue是一种新颖的前端框架，具体的信息就不一一介绍了，想要了解详情的请自行移步官网 https://cn.vuejs.org/，本文重点是vue环境的搭建。

第一步：安装node.js   

　　　　至于node.js的作用是下载搭建vue环境所需要的一系列文件 node.js官网：https://nodejs.org/en/

　　　　node.js的安装也极其简单，在官网上下载安装包，后点击安装，一路next到底就ok了。

第二步：验证node.js 安装是否成功

　　　　当你一路next到底后，发现你桌面上什么也没有时，不要慌张 打开打开命令行工具（cmd）输入命令 node -v   和  npm -v 后出现

　　　　

　　　　那就说明安装成功

第三步：安装vue脚手架

　　　　可以使用npm安装（国际开源库生态系统）或者使用cnpm安装（使用国内镜像安装）

　　　　本人采用cnpm安装

　　　　3.1 安装cnpm   在控制台输入 npm install -g cnpm --registry=https://registry.npm.taobao.org

　　　　

　　     3.2 检查是否安装上（cnpm -v）

　　　3.2  安装脚手架   cnpm install -g vue-cli

　　　3.3   检查是否安装成功 （vue -V）记住这里的-V是大写字母V

第四步：搭建项目

　　　　1.首先需要用cd指令进入项目目录进行搭建项目的文件夹

　　　　2.初始化项目  vue init webpack projectname (projectname 是自己要搭建的项目名称)


　　　　3.运行初始化命令的时候回让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好

　　　　Project name (my-project) # 项目名称（我的项目）

　　　　Project description (A Vue.js project) # 项目描述一个Vue.js 项目

　　　　Author 作者（你的名字）

　　　　Install vue-router? (Y/n) # 是否安装Vue路由，也就是以后是spa（但页面应用需要的模块）

　　　　Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码？ （Y [ yes ] / N [ no ]）

　　　　Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint（使用箭头键）

　　　　Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha？ （Y/ N）

　　　　Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试，Nightwatch？ （Y/ N）

　　　　自己看情况而定 自行选择

第五步： 运行项目　cnpm run dev

　　　　出现如下页面说明就OK了

　　　　（注 可能出现vue.js npm err package.json错误    解决方案： cd 到具体项目的目录下 在运行就OK了）