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

展示图

后记

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

相关推荐
钛态几秒前
前端WebSocket实时通信:别再用轮询了!
前端·vue·react·web
爱学习的程序媛3 分钟前
浏览器内核揭秘:JavaScript 和 UI 的“主线程争夺战”
前端·性能优化·浏览器·web
锦瑟弦音3 分钟前
Java与SQL基础知识总结
java·开发语言
你挚爱的强哥5 分钟前
欺骗加载进度条,应用于无法监听接口数据传输进度的情况
前端·javascript·html
zhensherlock6 分钟前
Protocol Launcher 系列:Mail Assistant 轻松发送 HTML 邮件
前端·javascript·typescript·node.js·html·github·js
恒本银河+6 分钟前
基于MQTT+NFC标签项目开发教程
前端·javascript·nfc标签
大黄说说8 分钟前
React Hooks 与 Class Components 的本质区别:从“面向对象”到“函数式”的范式转移
开发语言
GISer_Jing12 分钟前
React 18+ 高级特性实战与面试精讲
javascript·react.js·面试
吴声子夜歌14 分钟前
ES6——异步操作和async函数详解
前端·ecmascript·es6
sycmancia16 分钟前
Qt——对话框及其类型
开发语言·qt