如何搭建Vue-cli脚手架

1.安装脚手架

1.1 安装步骤

(1)查看当前脚手架版本

>vue -V
注意:-V(大写)
//如果没有执行下一步安装脚手架

(2)全局安装脚手架

>npm i @vue/cli -g

(3)创建项目

>vue create app
注意:app是自定义项目名(建议用小写字母)

(4)创建项目的配置项

image-20221104095309225.png

image-20221104100730857.png
image-20221104100939260.png
image-20221104101048111.png
image-20221104101229783.png
image-20221104101326967.png
image-20221104101427537.png
image-20221104101537873.png
image-20221104101706730.png
image-20221104101813905.png

(5)执行到这一步,就可以等待项目创建

image-20221104101859193.png

(6)创建成功之后执行

>cd firstapp

(7)运行项目

>npm run serve
image-20221104102514185.png

(8)在对应的本地地址里访问页面localhost:8080

image-20221104102617648.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容