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】文件

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

猜你喜欢

转载自blog.csdn.net/m0_63057114/article/details/129517967
今日推荐