一、 需要安装的软件（Windows 10）

• git下载（版本控制工具）

  • https://git-scm.com/downloads

• node.js下载 （JavaScript环境）

  • https://nodejs.org/en/download/

• yarn下载（包管理器）

  • https://classic.yarnpkg.com/zh-Hans/docs/install/#windows-stable

二、 安装

Git

没有什么要特别注意的，一般直接按next即可

这里可以多选最后两项

这里采用VSCode作为Git的编辑器

、

选择Launch Git Bash，安装完成后会自动弹出Bash命令行

node.js

同样无需过多配置，accept后一直点next

安装完成后

完成后重启电脑，cmd内输入node -v，如果显示以下文字(v12.13.0)说明安装成功

yarn

一直点next

三、 配置

上面三个安装好后，在任意空文件目录（注意不要在系统目录内操作），地址栏输入cmd打开命令行

输入以下命令

yarn config set registry https://registry.npm.taobao.org/  --global
npm config set registry https://registry.npm.taobao.org/  --global
:: 设置镜像源为淘宝镜像(双冒号后的语句均为注释)
yarn global add @vue/cli
:: 下载vue/cli包
yarn global add @vue/cli-init 

新建工程命令

vue init webpack test           
:: test为项目名称

前面几个选项可以直接回车跳过

到这里注意，输入n，不用ESlint

后面set up unit tests 和 setup e2e tests with Nightwatch也填n

这里用方向键选择Yes, use Yarn，回车

之后开始项目的安装过程，请耐心等待

安装完成后

四、运行

完成以上步骤后，cmd内执行以下命令

cd test
:: 进入test目录，如果已经进入该目录则忽略
yarn run dev
:: 启动

出现以下文字则说明项目成功启动在localhost:8080

注意此时不能关掉该命令行窗口，否则会造成项目进程结束

之后只需用浏览器访问http://localhost:8080即可看见以下页面

在命令行窗口内按两次快捷键 Ctrl + C 即可退出项目

以后想重新运行只需要再进入test文件夹内，进入cmd， 执行yarn run dev就行