-
Node.js & cnpm 安装
没有安装的同学，可以参考我的另一篇文章： Node.js安装与环境配置
Node.js版本必须是8.9 或更高版本
-
安装 Vue cli
npm 安装：
npm install -g @vue/cli
cnpm 安装：cnpm install -g @vue/cli
yarn 安装：yarn global add @vue/cli// yarn官方文档，和npm异曲同工 -
修改npm下载地址
为什么要修改下载源地址呢？
因为当你看到下文的时候，会了解到，当手动创建配置并自选配置时，会下载很多的依赖，然而用npm下载的话，可能会出现下载失败，导致创建不成功或者卡死，因此，即便下载过cnpm，但还是采用接下来表述的方法，去修改npm的下载源，以提高项目创建的速度~
没修改之前，这里卡了5个小时 -_-、
好了，进入正题：- 命令行设置新的registry 配置：
npm config set registry https://registry.npm.taobao.org - 命令行敲入
npm config get registry查看当前npm下载源，如下图所示，即成功
测试结果
- 命令行设置新的registry 配置：
-
创建新的项目
命令行 cd 进入想要放置项目的文件夹
vue create my-project开始创建
or
调用Vue的GUIvue ui在浏览器上进行项目的创建与配置手动创建项目时，若自选配置的话，会出现以下选项，可以根据自己的需求自行选择~
摘自网络
（空格选中或取消 && 上下键移动光标 && 回车确认）
-
运行项目
npm run serve// 运行项目
运行成功
浏览器打开 -
打包项目
npm run build// 打包项目，打包后的项目放置在当前项目的dist文件夹里，发版上线的时候，将dist交给后台放到服务器上就好 -
后续学习
由于在vue cli 3.0 版本，vue将很多的配置文件给隐藏了，目录结构也较2.0发生了些许变化，在此提供 官方文档地址 ，需要的同学可以去阅览一下~
（限于本人技术有限，本文如有表述不当的地方，欢迎赐教~）
（转载到其他平台需含本文的简书链接）
