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

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

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

这里我放在D:\Mu\Web\vue目录下

创建Vue项目

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

vue create 项目名称

注意：不要大写字母！！！

这里询问采用default默认模板，还是Manually select features自己手动选择，这里就直接选择默认，敲回车确定

这里vue项目开始下载创建了(这里需要使用到网络)

运行vue项目

现在vue项目创建成果了，文件目录中也有显示了，上面命令行蓝色字体提示我们进入这个文件目录下，然后运行npm run serve这个命令

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

运行项目

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

在浏览器上输入本地访问地址效果如下，vue项目创建完成

退出运行，在终端上使用ctrl+c就能停止运行

如有问题请留言，谢谢

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