Vue学习—详解利用脚手架搭建项目

一、利用脚手架搭建项目

1.安装@vue/cli

node 版本要求: >8.9,推荐使用8.11.0 +。
关于旧版本:
如果在这之前已经全局安装了旧版本的vue-cli(1.x 或 2.x),那么需要先卸载掉。
运行:npm uninstall vue-cli -gyarn global remove vue-cli
安装之后,可以在命令行中访问vue命令。
检查版本是否正确:vue --version

2.使用命令搭建项目(推荐)

首先使用vue create xxx开始搭建
在这里插入图片描述
这里选着默认自带插件,上下键移动,回车确认
也可以选择自己设置
在这里插入图片描述

在这里插入图片描述
选择自己需要的插件,空格选取,回车下一步
在这里插入图片描述
我们仅选择了Babel插件,然后生成json文件
在这里插入图片描述
是否需要后面搭建项目时都是用这个配置
在这里插入图片描述

给这个配置设置名字
然后就等自动安装完毕即可。
在这里插入图片描述
最后输入提示的命令,即可运行服务器打开自己搭建的项目。

3.使用图形界面搭建项目

使用vue ui命令,浏览器会自动打开页面
在这里插入图片描述
然后一步一步设置信息即可。
作为编程人员,使用图形界面是不对的,所以不推荐该方式。

4.删除配置

前面我们设置了后面项目都使用我们设置的配置。
首先在用户文件下找到以下文件

在这里插入图片描述
在记事本中打开即可看到我们刚才设置的配置:
在这里插入图片描述
删除保存即可。

猜你喜欢

转载自blog.csdn.net/xun__xing/article/details/108541272