使用 Vscode 如何快速搭建和启动 第一个 vue 项目 ？
使用 Vscode 如何快速搭建和启动 第一个 vue 项目 ？
总结来说，其实启动Vue项目的方法有很多 ，本文主要介绍使用Vscode 搭建基础环境，来创建启动vue项目
1: 安装 Vscode、nodejs 。
1）下载与安装：
百度网盘连接：
Vscode 免安装，解压即可使用：VSCode-win32-x64-1.45.1
链接：https://pan.baidu.com/s/1vN4WvTk7um2rWG_crDEIfg
提取码：2azf
node-v12.18.0-x64 ------ npm包管理器，是集成在node中的，所以安装了node也就有了npm
链接：https://pan.baidu.com/s/10BxuT1cATd0g1dK31__Kfw
提取码：xbeh
或者 nodejs 中文官方网站 可下载最新版本的
https://nodejs.org/zh-cn/download/
2）安装 nodejs 以及相关的配置
参考 原文链接：https://www.cnblogs.com/liuqiyun/p/8133904.html
2: 全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项目
npm install -g vue-cli -g表示全局
3: 安装webpack，它是打包js的工具
npm install -g webpack
4. 安装完成之后就可以开始创建vue项目
首先创建一个文件夹用来存放你的项目，用vscode 打开对应的文件夹，并在终端cd到对应的文件夹。比如我的文件夹就是myvue
创建项目
vue init webpack "项目名" 在你的文件夹中，会自动创建以 你项目名 命名的文件夹
坑一 ：如遇到以下情况：
vue init webpack myfirstvue
这是因为记事本，默认不支持打开不信任的脚本，只需执行以下即可：
- 1 以管理员身份运行PowerShell
- 2 执行：get-ExecutionPolicy，如果显示Restricted，表示状态是禁止的
3 执行：set-ExecutionPolicy RemoteSigned
4 选择Y
坑二 vue-cli 创建项目特别慢解决方法
理论上，来说 vue init webpack projectName 新建项目是和淘宝镜像没关系的，因为vue-cli 用的是 npm 源，所以只要设置 npm 源就行了，可以提升创建速度：
在任意目录下执行即可：
npm config set registry https://registry.npm.taobao.org
再次创建，接着会出现一些配置项，可以根据需要配置，也可以默认，直接按回车。
完成之后，一个基本的 vue项目就搭建完了。
之后使用 vscode 打开创建好的项目，其中main.js就是入口。
启动项目:
本地启动成功：
附加语：
使用 Vscode 快速搭建和启动vue 的感触 ：
1：作者在使用IDEA终端，Win 终端 创建vue 同样也是可以创建启动vue项目，其搭建环境的过程都是雷同。
2：Vscode工具 ctrl + ~ 快速打开终端
3：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，
也可以理解为用来安装/卸载Node.js需要装的东西
4: 使用国外npm 可能会很慢太多，可以使用设置国内淘宝镜像,在终端执行以下命令,
等待下载插件cnpm 即可
npm install-g cnpm --registry=https://registry.npm.taobao.org
最后
刚刚学习写博文，心中无比恐慌，请大家多多指点，感谢大家的阅读：Feign.Er
喜欢博主的小伙伴可以加个关注、点个赞哦，以后会慢慢更新相关博文 嘿嘿！
主要参考博文： 原文链接：https://www.cnblogs.com/liuqiyun/p/8133904.html
http://blog.sina.com.cn/s/blog_13f8261eb010307fo.html