Vue的学习及环境安装

一、准备工作

1. node.js安装，下载地址：https://nodejs.org/en/download/ ，建议选个8.9以上的，反正我一般选最新，下载之后直接傻瓜式安装，不多说了。node.js中自带npm，查询版本号方法npm -v，安装时直接添加到环境变量中吧（安装时有选项的），不用自己再配置一次。
2. vue-cli安装，必须使用全局安装，版本号查看vue -V。(注意：-g表示全局安装)
   1. 如果网速太慢自行切换镜像，教程很多自行查找吧。我就提供一下大概的方法，第一种npm直接安装cnpm,第二种用alias 命令设置别名：

      1. npm install -g cnpm --registry=<a href="https://registry.npm.taobao.org" _src="https://registry.npm.taobao.org">https://registry.npm.taobao.org</a>

      2. alias cnpm="npm --registry=https://registry.npm.taobao.org \
         --cache=$HOME/.npm/.cache/cnpm \--disturl=https://npm.taobao.org/dist \
         --userconfig=$HOME/.cnpmrc"

   2. yarn没安装的话npm install -g yarn，查看版本号yarn -v
   3. 安装vue-cli  npm/yarn/cnpm  install –g vue-cli
3. 使用webpack作为打包工具，没安装的话直接 npm/yarn/cnpm install webpack -g ，安装后使用npm info webpack查看安装信息
4. 开始安装vue-cli项目，注意：mydemo这个名字自己随便取（不能有大写字母）
   1. vue init webpack mydemo
   2. 新手的话直接选择默认的，全y就行。安装路由必选，其他的看自己的需求
   3. 安装的过程的一些讲解：

Project name (vuetest)

项目名称，可以自己指定，也可直接回车，按照括号中默认名字。

Project description (A Vue.js project) 

项目描述，也可直接点击回车，使用默认名字。

Author

作者，可以自己指定，也可直接回车。

接下来会让用户选择

Runtime + Compiler: recommended for most users 

运行加编译，既然已经说了推荐，就选它了

Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere

仅运行时，已经有推荐了就选择第一个了

Install vue-router? (Y/n)   

是否安装vue-router，这是官方的路由，大多数情况下都使用，这里就输入“y”后回车即可。

Use ESLint to lint your code? (Y/n)     

是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，并不会影响整体的运行。

Setup unit tests with Karma + Mocha? (Y/n) 

是否安装单元测试。

Setup e2e tests with Nightwatch(Y/n)?    

是否安装e2e测试。

     5.按照提示分别运行一下命令，打开http://localhost:8080/即可

        cd mydemo

       npm run dev