vue创建vue项目有三种方方式:
第一种:通过 vue init webpack demo创建项目
demo是项目名称。
第二种:vue create demo创建项目。
demo是项目名称。
第三种通过命名 vue ui 创建项目。
前面两种都比较简单,也比较常用,后面的第三种是是vue3.0后退出的新的一种创建方式。
下面主要介绍vue第三种方式创建项目。
第一步:在webstrom或者是vscode的命令行输入 vue ui,会给出一个路径。
创建项目第一步:点击Ready on http://localhost:8000
点击路径会通过页面的方式选择项目的创建。输入项目名称和修改项目地址,点击下一步。
第二步:选择手动配置项目。点击下一步。
第三步:选择项目的预设功能。点击下一步。
第四步:vue项目的功能提供多种的配置,根据自己的喜好选择自己的功能配置。下面是我喜欢的配置。有追求高一点的可以选择其他配置。
第五步:是否保存预设。根据自己情况而定。
第六步:项目正在创建可以通过浏览器或者是开发工具浏览到项目创建的过程。
下面是浏览器创建项目时候的加载图例。
到此vue项目创建完成。
下面将介绍vue项目的 [Bate]项目仪表盘
项目仪表盘提供了vue项目的项目名称,仪表盘,插件,依赖,配置,任务等五个选项。
项目名称:对vue项目进行管理,修改项目名称等。
仪表盘:vue的仪表盘提供了一个vue指引和一个自定义。项目指引应该着重研读。
下面是仪表盘的自定义内容模块。
插件:vue在创建项目时根据用户创建的需求提供了基本插件。
此外vue也提供了更为便捷的插件安装方法就是点击上面的添加插件,进行插件的添加。vue提供了本地添加和网络下载两种方式给开发者选择。若开发者网络搜索没有的插件可以通过本地储存的插件添加到vue的开发项目中。
依赖:vue项目的依赖分为开发依赖和运行依赖。同样提供了开发依赖和运行依赖的安装。
配置:vue的配置简直就是开发者的福音。开发者可以通过网页修改,也可以通过代码修改。傻瓜式的配置不仅节约了时间。也使得修改配置变得简单高效。
任务:vue的任务应该对应的是vue项目中的package.json文件中的调试:scripts对应的命令。
到此vue的项目介绍完成。
运行:进入vue项目文件夹,通过 npm run serve运行vue项目。
再次进入vue项目仪表盘:再次通过 vue ui进入vue项目仪表盘。对vue项目进行配置。