vue-cli创建vue项目

首先检查一下是否安装了vue以及vue-cli

• win+r 输入cmd打开终端
• 用vue -V检查版本。如果出现【’vue’ 不是内部或外部命令，也不是可运行的程序】或【批处理文件】。则没有安装。
  • vue -V 。V记得用大写字母。

vue -V

安装vue以及vue-cli

npm install vue -g

npm install @vue/cli -g

安装完后再次检查一下版本

vue -V

 安装成功

​

用脚手架（vue-cli）vue-cli创建项目

1.打开你需要将vue项目存放的文件夹

在此处打开终端

 方法一：鼠标左键单击文件夹地址栏，输入cmd，然后回车

​

方法二： Alt+d ，这时候光标会自动聚焦到地址栏，输入cmd，然后回车

​

 打开终端成功

 2.创建项目

vue create ‘项目名’ 回车创建

vue create ‘项目名’

3.创建项目后，配置

 1.选择需要创建的vue版本

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

• default 是默认配置。
• Manually select features 是自己手动选择，可以选择你需要的。通常都是自己手动选择（上下箭头切换，回车确定）。

如果是第一次创建，还会让你选择npm或者是yarn作为包管理工具。同样是上下箭头切换，回车确定。

2. 看见这个界面代表创建完成

可以看见，下面还有一条黄色的警告

原因：git没有配置用户名和邮箱

解决：终端配置自己的git用户名和邮箱

git config --global user.name “username”
git config --global user.email “email”

 （这里的username是你想要输入的用户名，email是你想要设定的邮箱）

 配置好之后可以通过在终端输入查看自己的用户名和邮件

git config user.name
git config user.email

3.依据提示可输入 cd test_vue 回车进入项目地址后，再输入npm run serve回车启动项目（因为我之前选择的是npm，所以这里是npm命令）。

启动成功

Q：不需要用到git，可以不管它吗？

A：可以，也可以删除项目中【.git】文件

 如果你有什么意见或者建议也欢迎给我留言，谢谢。