Vue的安装和创建项目

本文适合新手上路

VueCLI3的安装

nodejs的下载和安装

1. 下载nodejs
2. 安装

nodejs的卸载和清除缓存

1. 从卸载程序卸载程序和功能。
2. 重新启动
3. 寻找这些文件夹并删除它们（及其内容）（如果还有的话）。

C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users\{User}\AppData\Roaming\npm
(可以使用 npm config get prefix 找出npm的位置)
C:\Users\{User}\AppData\Roaming\npm-cache
(可以使用 npm config get cache 找出npm缓存的位置)
C:\Users\{User}\AppData\Local\Yarn
(可以使用 yarn global bin和yarn global dir 找出yarn的位置)

4. 检查您的PATH环境变量以确保没有引用Nodejs或npm、yarn存在
5. 如果仍然没有卸载，请在命令提示符下键入where node，您将看到它所在的位置，将其删除（也可能是父目录）
6. 重新启动

npm淘宝镜像

npm config set registry https://registry.npm.taobao.org
npm config get registry（配置后可通过下面方式来验证是否成功）
或者
npm install -g cnpm --registry=https://registry.npm.taobao.org

yarn的安装（非必须）

npm install -g yarn
yarn config set registry https://registry.npm.taobao.org -g
yarn config list(查看全局配置)

进入cmd，输入yarn global bin，将结果添加到环境变量PATH中

VueCLI3.X安装

npm install -g @vue/cli或者yarn global add @vue/cli
vue -V(查看版本)

WebStorm的安装

使用WebStorm创建Vue项目

1. Create New Project
2. 选择Vue.js（Webstorm自动选择yarn作为依赖管理工具）
3. 选择一种配置模板（第一次安装选择自定义Manually select features，只选择babel配置）
4. 选择将项目配置写入到哪里(选择delicated config，项目配置将写入到专有配置文件中)
5. 选择是否将这次的项目配置全局保存，以便以后使用
6. 项目开始初始化，初始化完成就可以开始工作了

如果初始化的项目不存在package.json文件，那么你的Vue安装出了问题。
解决方案：【百度】【谷歌】