vue项目从安装到开发（安装）

安装

我个人是习惯用npm的方法安装和运行vue，这也是比较普遍的安装方法吧，所以这里只介绍npm的方法。其他的安装方法在官网里有详细的说明[vue安装]   https://cn.vuejs.org/v2/guide/installation.html

1、下载node

下载

可以在node的官网下载https://nodejs.org/en/download/

安装

点击对应的操作系统直接就下载了，下载后运行，安装时就都选默认就可以了（我是这样做的(/▽＼)）详细的安装教程看这里https://jingyan.baidu.com/article/375c8e19f2918b25f2a22982.html

查看

下载完了打开命令行工具（我一开始不知道win10的命令行工具怎么打开，其实就点开左下角的菜单然后 主菜单键【就是键盘上window的图标】+ r 打开运行，输入cmd确定就可以了），输入 node -v 和npm -v看看相应的版本号，有版本号说明安装成功

安装vue-cli

安装完node就可以接着安装vue脚手架了，同样是在命令行工具输入npm install --global vue-cli 全局安装脚手架，只要在电脑上安装一次就可以了，除非以后卸载否则都不用再安装了，完了以后我们开始新建项目。

创建项目

我是习惯把所有项目集中放在一个文件夹下面容易找也方便管理。所以先在任一个地方创建专属你自己的文件夹，我习惯放d盘，然后在命令行工具页面打开放项目的文件夹我的是myProject，当然取名这种小事随意啦。

安装webpack模板

$ vue init webpack demo00 ($是表示这行命令是在命令行工具里要输入的，真的敲命令的时候不要把$输进去)，demo00是项目的名字，随便取。回车后会有一问一答，项目名称（回车，也就是默认选择了y）、项目描述（回车）、作者（回车，gitup账号，做项目最好有个gitup账号）、是否安装编译器（回车）、是否安装Vue路由（y）、是否使用ESLint检查js代码（y，是做检查编写格式用的，不想要也可以选n，对代码本身是没什么影响的），代码版本（回车，选择了使用ESLint检查代码才有）、安装单元测试工具（n）、是否安装端到端测试工具(n)，安装方法（回车，就是使用npm方法创建项目），一般按照以下回答就可以了

创建完成后在文件夹能找到创建的项目就创建好啦，打开项目就是这样


然后再打开新创建的文件
$ cd demo00
安装依赖（会自动读取package,json文件里的依赖包并下载安装）
$ npm install

这样整个项目就创建完成了