文章目录

           废话就不多说了,直接进入正题


一、首先了解vuecli脚手架

vuecli 是一个基于 Vue.js 进行快速开发的完整系统

vuecli基于 webpack 构建 vue 前端模块工程环境webpack原理网页依赖变成 webpack的依赖, 只需要将网页的依赖在main.js 入口文件引入即可浏览器运行

网址介绍 | Vue CLI

二、安装脚手架

npm install -g @vue/cli

  注意:查看node版本,要在v14以上

三、启动项目

命名为:

vue create 项目

   注意:创建的目录下的别的文件名不能包含vue,并且不能够使用驼峰命名法,两个单词之间使用“-”分割 

运行命令成功,会出现一下界面

让你进行选择默认安装还是通过自己设置安装

 这里选手安装第三选项

 接着会让选择相应的配置,勾选以下几个选项,利用空格勾选,所有选择完毕后按回车确认

 这里选择2.x,根据需求选择

使用历史模式路由器?选择是

 选择css编译器这里我选择的是sass

 选择一个linter / formatter配置:这里选择的是标准配置

  询问是否记住你所选择的配置,进行保存,这里选择保存

 你喜欢把Babel, ESLint等的配置放在哪里?这里选择在专用配置文件中,新建了一个配置文件

   询问是否记住你所选择的配置,在未来的项目创建中使用,进行保存,这里选择保存

 起一个名字记录,下次方便找到

 

 出现以下内容说明已经启动成功。

进入项目文件夹,在cmd命令行运行命令,注意:一定得去项目文件夹

npm run serve

出现这个内容表示项目启动完成。


 

总结

vue的项目启动过程中,还是存在一些小细节还是需要注意,小伙伴们还是得仔细的安装

原文地址:https://blog.csdn.net/m0_50013284/article/details/125724174

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_15951.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注