Vue CLI3以上版本的:vue create my-project
1、安装选项(初始选项可以配置个人的选项):
2、选择所需配置:选择好后,回车确认选项
3、选择对应的配置单独生成文件还是直接放在package.json里面
4、是否把上面手动选择的项目保存为一个第一步中的安装选项?并选择用什么命令来管理项目所需的环境(提示hao的配置保存在什么地方:Preset hao saved in C:\Users\Administrator\.vuerc):
下次安装时,则多出一个“hao”的选项:
PS:手动选择的配置如果保存下来,后期想删除,则可以手工进行删除:
5、安装完成,通过npm run serve 启动项目:
CLI3的目录结构:
你也可以通过 vue ui 命令以图形化界面创建和管理项目:vue ui 打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程:
CLI3的配置文件:
1、通过图形管理界面来修改或维护配置文件,用vue ui 调出操作界面,然后导入我们需要管理的项目:
对应的插件配置文件:
项目依赖:
配置文件:
运行、编译项目:
项目隐藏了原来的配置文件,不过它在这里目录下还可以找到项目的配置文件:
这里又引用了此文件,项目的实际配置文件:
当然,也可以自己有个性化的配置,在项目根目录下创建一个vue.config.js文件,文件名字只能为这个,这样,后面在这个文件下个性的配置就会跟service.js的配置一起打包到项目里面: