首先检查一下是否安装了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】文件
如果你有什么意见或者建议也欢迎给我留言,谢谢。