如何创建第一个vue项目

如何创建第一个vue项目

第一步 下载node.js

node.js官网
1、选择适合自己电脑版本的node.js（一般情况下，进入官网后就会显示出下图的两个版本，选择红框中的。或者，自己在DOWNLOADS下选择适合自己的版本进行下载）

2、等待下载完成，一路点击下一步（next）

3、下载完成后打开cmd（win+R,输入cmd打开命令行）

4、输入node -v，返回对应的版本号

5、输入npm -v，返回对应版本号

第二步 安装vue-cli脚手架

1、首先，要注意的是：使用npm 之间安装vue-cli，是访问的国外的网站，所以需要config一下淘宝的镜像。在cmd下，输入：

npm config set registry https://registry.npm.taobao.org

2、镜像配置好之后，继续输入下面的命令

npm install -g vue-cli

3、等待下载完成后，继续输入vue -V(注意是大写V)，如果返回的是版本号，说明安装成功

vue -V 

初始化第一个vue项目

1、vue init webpack projectName

2、根据提示，完成项目创建

注意（红框标注的地方）
（1）、ESLint 选择 No ，是因为ESLint 对语法的检查非常的严格，少写一个空格都有可能引起报错，所以选NO 来减少一些不必要的错误（后面会说到其他的美化代码的方式）
（2）、是否要在项目创建结束之后，执行npm install。我的建议是选择Yes。原因很简单，因为npm install 下载的是vue项目的所有的基本的依赖包，现在不下载，项目创建后还是要进行这个步骤的。。

3、运行项目
等待上述步骤全部结束后，会出现下图的提示。按照提示进入目录，运行你的第一个vue项目吧！

到这里说明你成功了