Vue CLI 3项目搭建(默认模板)

Vue CLI 3项目搭建(默认模板)

先找一个存放项目的文件目录

Vue CLI 3项目搭建(默认模板)_第1张图片
这里我放在D:\Mu\Web\vue目录下

创建Vue项目

创建一个vue 3项目使用create命令,后面跟项目名称,可以叫目录名,这里不能使用大写字母

vue create 项目名称

注意:不要大写字母!!!
Vue CLI 3项目搭建(默认模板)_第2张图片
这里询问采用default默认模板,还是Manually select features自己手动选择,这里就直接选择默认,敲回车确定

Vue CLI 3项目搭建(默认模板)_第3张图片
这里vue项目开始下载创建了(这里需要使用到网络)

运行vue项目

Vue CLI 3项目搭建(默认模板)_第4张图片
Vue CLI 3项目搭建(默认模板)_第5张图片
现在vue项目创建成果了,文件目录中也有显示了,上面命令行蓝色字体提示我们进入这个文件目录下,然后运行npm run serve这个命令

cd 文件名 //进入某个目录下
npm run serve //运行当前项目

运行项目
Vue CLI 3项目搭建(默认模板)_第6张图片
Vue CLI 3项目搭建(默认模板)_第7张图片

这里给的是本地访问与网络IP访问地址
本地访问:http://localhost:8080/
网络访问:http://192.168.--.--:8080/
自己访问就使用本地访问就好,关于网络IP自行查找资料

在浏览器上输入本地访问地址效果如下,vue项目创建完成
Vue CLI 3项目搭建(默认模板)_第8张图片

退出运行,在终端上使用ctrl+c就能停止运行
Vue CLI 3项目搭建(默认模板)_第9张图片

如有问题请留言,谢谢

转载于:https://my.oschina.net/yingximu/blog/3002613

你可能感兴趣的:(Vue CLI 3项目搭建(默认模板))