Windows下安装Vue CLI的准备工作

前提

电脑之前安装过相关环境或者运行过vue的项目

一、升级

1.npm升级

npm install npm -g

2.webpack升级

npm install webpack  -g

3.node.js升级

Windows下是没有n模块的并不支持npm install -g n
然后n stable(或者n latest,或者n 版本号) 更新，所以windows下升级node的步骤如下

1. node -v查看node.js版本 ：node -v
2. npm -v 查看npm包管理器的版本 ：npm -v
3. 打开cmd查看你之前node版本安装的路径 ：where node（d：/spftware/NodeJS）
4. 直接去官网下载与你电脑系统对应的最新的版本,安装在上述路径(d：/spftware/NodeJS)中覆盖即可。

4.vue升级

Vue CLI 的包名称由 vue-cli改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g或 yarn global remove vue-cli 卸载它。

Node 版本要求

Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

可以使用下列任一命令安装这个新的包：

npm install -g @vue/cli
# OR
yarn global add @vue/cli

查看版本命令分别为 npm -v / webpack -v / node -v / vue -V

二、创建一个项目vue create

运行以下命令来创建一个新项目：

vue create hello-world

你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。

这个默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们是面向生产的项目更加需要的。

如果你决定手动选择特性，在操作提示的最后你可以选择将已选项保存为一个将来可复用的 preset。