本文已参与[新人创作礼]活动，一起开启掘金创作之路。

1.配置node环境

下载node包

首先需要搭建node环境，下载node包，然后环境变量配置即可。

这里有很多版本的node。注意，有时node版本太高，会导致项目不能下载包或者运行不起。一般用的话可选择较低版本的node，如12版本。

环境变量-用户变量-Path添加（后面两行）：

cmd查看版本：node -v和npm -v。

仅电脑第一次安装vue脚手架时使用，因为安装后会有一个vue的命令存在在电脑上，以后就可以直接用vue命令了。

没全局安装前：

如果下载缓慢，可配置npm淘宝镜像，建议开始就配置：

npm config set registry registry.npm.taobao.org

开始全局安装@vue/cli：

警告不用管，如果卡住了敲一下回车键继续安装。

关掉cmd，重新打开。

执行vue命令：

全局安装成功。

切换到需要创建项目的目录，然后使用以下命令创建项目：

vue create 项目名

因为现在使用vue2开发，所以选择vue2。

选择使用NPM：

安装成功：

进入建立的项目目录，输入以下命令启动项目：

npm run serve

访问成功：

这就是最简单的脚手架，很多配置如引入组件这些，就需要在配置文件里面配置。

安装后，若再次创建其他项目，会自动给选择npm方式，如果想用yarn方式，则需要删除C:/users/administrator/下的.vuerc文件，或者将文件里面的npm改为yarn。

vue脚手架隐藏了所有webpack相关配置，可通过执行：vue inspect > output.js可查看具体的webpack配置。