vue脚手架创建全过程

大家好,我是程序员辉仔。今天给大家分享一下vue脚手架创建的全过程。

第一步,使用npm install -g @vue/cli命令全部安装模块包

vue脚手架创建全过程_第1张图片

第二步,安装完成之后使用vue -V查看vue是否安装成功(有显示版本则表示安装成功)

第三部,使用脚手架命令创建项目

vue create ***(项目名称:不能用中文和大写)

按下回车键之后会弹出模块选择,一共有三个模块,分别是vue3/vue2/自定义模块

vue脚手架创建全过程_第2张图片

第一个选项是创建一个默认的vue3项目工程,第二个选项是创建一个默认的vue2项目工程,第三个选项是创建一个自定义的项目工程。如果你是准备做一个大项目或者是工作准备起步做一个新的项目,我推荐使用自定义模块去创建项目。

自定义模块里面有很多可以选择的插件,vue在创建工程的时候会顺便帮你下载插件并且做好配置,你就不需要后期需要使用的时候自己进行配置出现连环错误的情况(我之前就试过连环报错!!)。使用空格选择需要的插件,全部选择完成之后按回车创建项目。

vue脚手架创建全过程_第3张图片

根据个人需要选择vue2或者是vue3

vue脚手架创建全过程_第4张图片

vue脚手架创建全过程_第5张图片

这一块是让你选择单独弄成一个配置文件还是写在package.json文件中。一般情况下写在单独的文件会好一点。然后接下来就是回车等待项目创建

 vue脚手架创建全过程_第6张图片

项目创建成功之后会有两行提示,如下图蓝色的部分。根据提示执行可以看到两个地址,没网络的情况下只有本地地址(也就是localhost的那个),复制地址在浏览器打开就能看到项目初始化的样子

vue脚手架创建全过程_第7张图片

vue脚手架创建全过程_第8张图片

如果能看到这个就说明项目创建成功了!! 

vue脚手架创建全过程_第9张图片

以上就是脚手架创建的全部内容了,有问题可以进行探讨和交流

 

 

 

 

 

你可能感兴趣的:(vue.js,前端,前端框架)