快速搭建Vue前端框架

这篇具有很好参考价值的文章主要介绍了快速搭建Vue前端框架。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

快速搭建Vue前端框架

安装Vue

Vue官方安装过程:https://cli.vuejs.org/zh/guide/installation.html

二.创建Vue工程

2.2 安装淘宝镜像

安装淘宝镜像(会让你安装Vue的速度加快):
npm config set registry https://registry.npm.taobao.org

2.1 安装vue命令

安装vue命令:
npm install -g @vue/cli

通过vue命令来创建一个Vue工程

vue create vue

如果显示:“‘vue’ 不是内部或外部命令,也不是可运行的程序”,说明环境变量没有配置,需要配置一下环境变量,可以参考这个帖子:https://blog.csdn.net/weixin_44950987/article/details/129284446
配置好环境变量后,关闭cmd,重新进入执行:vue create vue命令即可:
会出现以下画面,说明安装成功
快速搭建Vue前端框架,常用工具,前端框架,vue.js,前端

设置安装内容快速搭建Vue前端框架,常用工具,前端框架,vue.js,前端

选择Babel(编译的工具)和 Router(Vue路由),将Linter / Fomatter 取消掉

快速搭建Vue前端框架,常用工具,前端框架,vue.js,前端

选择2.x版本

快速搭建Vue前端框架,常用工具,前端框架,vue.js,前端

Vue项目工程创建成功

快速搭建Vue前端框架,常用工具,前端框架,vue.js,前端

文件目录详解

快速搭建Vue前端框架,常用工具,前端框架,vue.js,前端

启动Vue工程:

cd vue
npm run serve

快速搭建Vue前端框架,常用工具,前端框架,vue.js,前端

使用IDEA启动Vue工程

快速搭建Vue前端框架,常用工具,前端框架,vue.js,前端文章来源地址https://www.toymoban.com/news/detail-838855.html

到了这里,关于快速搭建Vue前端框架的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 1. 一文快速学懂常用工具——Git(上)

    什么是Git? 为什么要使用版本控制工具? 版本控制工具的前世今生 本专栏适合于 软件开发刚入职 的学生或人士,有一定的编程基础,帮助大家 快速掌握工作中必会的工具和指令 。 本专栏针对面试题答案进行了 优化,尽量做到好记、言简意赅 。 如专栏内容有错漏,欢迎

    2024年02月06日
    浏览(34)
  • 4. 一文快速学懂常用工具——GDB(上)

    什么是GDB? GDB 的安装 在Windows平台上使用GDB攻略 为什么 Git 可以? 本专栏适合于 软件开发刚入职 的学生或人士,有一定的编程基础,帮助大家 快速掌握工作中必会的工具和指令 。 本专栏针对面试题答案进行了 优化,尽量做到好记、言简意赅 。 如专栏内容有错漏,欢迎在

    2024年02月06日
    浏览(30)
  • 前端js常用的一些工具类

    ip 封装ajax工具类 日期工具类 数据工具类 时间工具类 上述工具类extends.js 工具类

    2024年02月16日
    浏览(45)
  • npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等

    下载地址 官网: https://nodejs.org/en. 中文网站: https://nodejs.org/zh-cn. 安装之后,使用 node -v 命令查看安装的版本,如下: 关于windows上的安装可以参考下面的文章: vue2入门——菜鸟级1篇. 前端常用的包管理工具有:npm、cnpm、yarn,更多请继续…… 前端常用的包管理工具有:n

    2024年02月11日
    浏览(48)
  • 前端框架学习 Vue (1) 概念,常用指令

            Vue是一个用于 构建用户界面 的 渐进式 框架         1.构建用户界面 :基于数据动态渲染页面                       2.渐进式: 循序渐进的学习(学一点就能用一点)                  (1)Vue核心包开发                         场景:局部模块改造          

    2024年01月22日
    浏览(41)
  • 【前端】搭建Vue3框架

    VScode/HBuilder等任何一种前端开发工具 node.jsnpm本地开发环境 Node.js官网:Node.js官网 安装成功后,在CMD控制台输入以下两个命令验证是否安装成功 ①、创建默认安装目录和缓存日志目录(我的node.js目录在D盘,所以直接在node.js文件夹下创建) 由于在执行全局安装语句时,安装

    2024年02月08日
    浏览(45)
  • 前端包管理器的工具,npm和Yarn以及pnpm是最常用的

    👍 点赞,你的认可是我创作的动力! ⭐️ 收藏,你的青睐是我努力的方向! ✏️ 评论,你的意见是我进步的财富! 前端包管理器是用于管理前端项目依赖项(如库、框架和工具)的工具。它们有助于确保项目的依赖项始终保持最新、可维护和可复制。以下是一些常用的前

    2024年02月07日
    浏览(48)
  • 前端VUE3+Vite +UniAPP-- 框架搭建

    除了HBuilderX可视化界面,也可以使用 cli 脚手架,可以通过 vue-cli 创建 uni-app 项目。 全局安装 vue-cli 官网 配置tailwindcss插件 官网 在 tailwind.config.js 配置文件中添加所有模板文件的路径。 将加载 Tailwind 的指令添加到你的 CSS 文件中 在你的主 CSS 文件中通过 @tailwind 指令添加每一

    2024年02月11日
    浏览(43)
  • 前端框架 vue-admin-template的搭建运行

    vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 GitHub - PanJiaChen/vue-element-admin: :tada: A magical vue admin https://panjiachen.github.io/vue-element-admin 地址下载node.js  1.6版本 CNPM Binaries Mirror https://registry.npmmirror.com/binary.html?path=node/latest-v16.x/ 然后一路傻瓜式安装即可 1.下载包

    2024年02月10日
    浏览(33)
  • 若依框架(一)使用若依框架从0到1快速搭建springboot + vue 项目

    1、下载若依框架代码 进入若依官网,选择源码地址,软后选择RuoYi-Vue前端分离版本,这个版本是由SpringBoot + Vue进行前后端分离开发的。 点击之后进入到gitee,点击 “克隆/下载”,选择下载方式,可以实用git命令进行git克隆,也可以直接选择下载zip,这里推荐新手就下载z

    2024年02月16日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包