本文基于node -v （v13.12.0）vue -V (@vue/cli 4.2.3)

一、安装node.js

nodejs 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。其中包括：npm 模块管理工具 和webpack 前端代码打包工具。

https://nodejs.org/zh-cn/

二、全局安装 vue-cli 脚手架 打开cmd命令行，使用node.js中的npm 命令进行安装，代码如下，“-g”表示全局安装。

（1）npm install -g @vue/cli 

安装Vue脚手架 由于npm下载包一般很慢，更换为淘宝镜像源，后再安装，如下两条命令。 

（1）npm install -g cnpm --registry=https://registry.npm.taobao.org 

（2）cnpm install -g @vue/cli （其中-g 表示全局安装）

三、创建 Vue 项目 可以采取图形化或命令行两种方式创建 vue 开发项目模板，创建过程中根据需要选择安装一些功能。

1.图形化方式（vue-cli 脚手架自带了一个图形化项目创建工具） 

vue ui 

2.命令行方式 

vue create projectName

四、项目目录结构

1. 目录：node_modules

2. 目录：public

3. 目录：src/assets; src/components;src/store.

4. 文件：App.vue

5. 文件：main.js

6. 文件：jshintrc.js

7. 文件：babel.config.js

8. 文件：package-lock.json

9. 文件：package.json 

五、编译并启动项目

npm run serve