利用脚手架搭建项目
一、利用脚手架搭建项目
1.安装@vue/cli
node 版本要求: >8.9,推荐使用8.11.0 +。
关于旧版本:
如果在这之前已经全局安装了旧版本的vue-cli(1.x 或 2.x),那么需要先卸载掉。
运行:npm uninstall vue-cli -g
或 yarn global remove vue-cli
。
安装之后,可以在命令行中访问vue命令。
检查版本是否正确:vue --version
2.使用命令搭建项目(推荐)
首先使用vue create xxx
开始搭建
这里选着默认自带插件,上下键移动,回车确认
也可以选择自己设置
选择自己需要的插件,空格选取,回车下一步
我们仅选择了Babel插件,然后生成json文件
是否需要后面搭建项目时都是用这个配置
给这个配置设置名字
然后就等自动安装完毕即可。
最后输入提示的命令,即可运行服务器打开自己搭建的项目。
3.使用图形界面搭建项目
使用vue ui
命令,浏览器会自动打开页面
然后一步一步设置信息即可。
作为编程人员,使用图形界面是不对的,所以不推荐该方式。
4.删除配置
前面我们设置了后面项目都使用我们设置的配置。
首先在用户文件下找到以下文件
在记事本中打开即可看到我们刚才设置的配置:
删除保存即可。