2.Vue-从零开始搭建一个vue项目

题记

从零开始搭建一个vue项目,以下是操作的全过程。

安装Vue CLI脚手架

打开终端,运行以下命令全局安装Vue CLI脚手架:

npm install -g @vue/cli

查看 Vue CLI脚手架版本:

vue -V

注意:查看vue版本的命令不是vue -V,而是下面的

npm list vue

创建Vue项目

输入以下命令:

vue create 项目名

流程

选择安装预设项

选择3为自定义安装 ,以下都要根据自己的需求选择

选择功能

下面是选择自定义安装后的结果,继续选择功能, 按空格选中或取消

选择vue版本

根据需求选择vue版本 ,以下都需要按需求选择,没有需求就默认回车

回车,等待安装。

执行程序

注意:要先进入项目根目录,cd test

npm run serve

访问:

localhost:8080

展示图

后记

觉得有用可以点赞或收藏!

相关推荐
铁匠匠匠8 分钟前
【C总集篇】第八章 数组和指针
c语言·开发语言·数据结构·经验分享·笔记·学习·算法
猿饵块11 分钟前
cmake--get_filename_component
java·前端·c++
编程小白煎堆12 分钟前
C语言:枚举类型
java·开发语言
秋邱17 分钟前
C++: 类和对象(上)
开发语言·c++
好多吃的啊21 分钟前
背景图鼠标放上去切换图片过渡效果
开发语言·javascript·ecmascript
大表哥622 分钟前
在react中 使用redux
前端·react.js·前端框架
Passion不晚24 分钟前
打造民国风格炫酷个人网页:用HTML和CSS3传递民国风韵
javascript·html·css3
神奇夜光杯26 分钟前
Python酷库之旅-第三方库Pandas(123)
开发语言·人工智能·python·excel·pandas·标准库及第三方库·学习与成长
十月ooOO26 分钟前
【解决】chrome 谷歌浏览器,鼠标点击任何区域都是 Input 输入框的状态,能看到输入的光标
前端·chrome·计算机外设
qq_3391911427 分钟前
spring boot admin集成,springboot2.x集成监控
java·前端·spring boot