Vue项目的搭建

终于学完了Vue的基础教程，开始搭建第一个Vue项目（这里我用的是vue cli）
vue的官网其实有安装教程的
这里最好还是看官方文档，毕竟官方文档更新的快，还全面

安装Node.js

Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。
可以直接去Node.js官网下载安装
无脑下一步
傻瓜式安装

安装

这个可能和官网略有不同，这里是我学习时老师的方法，好像是以前的

全局安装

打开cmd（不会的自己百度）
输入下面的命令

npm install --global vue-cli

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

先创建一个文件夹，然后在cmd里切换到这个文件夹
然后输入

vue init webpack my-project

这里的my-project换成文件夹名，如果不创建文件夹的话会新建一个my-project文件夹
然后会进入一个 ~~ 拷问 ~~ 问答环节

不知道为啥我的第一个始终显示不出来字

? Project name

? Project description (A Vue.js project)

? Author  

? Vue build (Use arrow keys)
> Runtime + Compiler: recommended for most users
  Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere

? Install vue-router? (Y/n)

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

? Set up unit tests (Y/n)

? Setup e2e tests with Nightwatch? (Y/n)

? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys)
> Yes, use NPM
  Yes, use Yarn
  No, I will handle that myself

第一个是项目名称，直接回车就行，想改就改
第二个是项目介绍，同第一个
第三个是作者，同第一个
第四个是问要采用什么样的编译形式，是运行时编译（第一个选项）还是运行时和普通情况下的编译（第二个选项），建议使用第一个
第五个是是否安装vue-router，切换页面的时候要用到，所以选Y
第六个是是否使用ESLint，一个检查代码规范的，建议关上，虽然讲课的老师留着他，但是我实际用了才发现有时候报错你都不知道怎么回事，创建项目后费了好大劲才关上的
再往后两个一般也都用不到，关
最后一个是问使用哪个做包的管理，选npm即可
弄好后会下载，用WiFi的话可能会非常慢，可以换手机热点试试