前置条件

  1. 需要安装node环境
  2. 安装vue\cli工具

vue\cli官网

传送门 vue-cli

安装node.js

nodejs中文网
点击之后会发现这个界面
在这里插入图片描述

可以点击下载或者选择其他版本的包，尽量选择偶数版本的包，因为偶数包是稳定版本的，不用一味的追求新版本

下载好之后双击exe文件，一直点击next就行了
打开cmd输入node -v如果出现版本号那么就安装成功了
在这里插入图片描述
再检查npm 看npm有没有装好 输入npm -v ，如果出现版本号那么就说明安装成功了
在这里插入图片描述

开始安装vue-cli

打开cmd输入，等待命令执行完就行了

npm install -g @vue/cli

执行完成之后输入，注意是大写的V
vue -V
如果显示版本号那么就说明安装成功了

创建vue项目

使用vue ui

cmd输入：vue ui
在这里插入图片描述

会出现以下界面（vue gui界面这里可以创建项目，增加插件等等，图形化操作，点点点就行了）我这里就不演示了
在这里插入图片描述

vue 命令创建

输入vue create yourProjectName
把yourProjectName更改为你的项目名称
出现下面的界面，上面两个是我自己的预设
你们选择Default ([Vue 2] babel, eslint)
在这里插入图片描述
这样就创建好了一个vue项目啦

运行vue项目

命令行输入
npm run serve

就会出现下面界面
在这里插入图片描述
在浏览器输入Local后面的网址就可以出现下面的界面，你的vue项目运行成功了（记得带上端口号）

在这里插入图片描述

版权声明：本文为forever25原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/forever25/p/14859751.html