老版本Vue CLI 卸载

Vue目前最新的脚手架版本是3.x ，如果你的电脑目前还是1.x或2.x 。可以使用如下命令卸载 ：

以下命令可以先安装淘宝镜像后 ，使用cnpm代替npm 。淘宝镜像的安装可以参考老师以前的文章前端自动化构建工具——gulp环境搭建教程

npm uninstall vue-cli -g

老版本查看版本命令（V是大写的）：

npm -V

注意 ：Vue CLI需要Node.js版本8.9或者更高版本，版本太低的需要更新一下node版本。

新版本Vue CLI 安装

使用如下命令安装新版本：

npm install -g @vue/cli

安装之后 ，使用如下命令查看版本：

vue --version

如果像下面这样显示3.x 版本 ，则安装成功。

查看版本

创建一个简单的项目

使用如下命令创建项目：

vue create 项目名

例如如下：

创建一个项目

在创建项目的过程中会让你选择项目的一些配置 ，例如上面的Babel + ESLint 。可以直接回车 ，使用默认的创建一个项目。

启动项目

创建好项目之后 ，进入项目根目录 。使用如下命令启动项目

npm run serve

启动后 ，在界面中可看到如何在浏览器访问：

项目运行

使用访问如果出现如下页面 ，说明配置成功了。

如果想收到更多文章推送 ，可以给小白前端一个关注哦 。

爱学习的孩子运气不会差~