快速搭建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命令即可:
会出现以下画面,说明安装成功
在这里插入图片描述

设置安装内容在这里插入图片描述

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

在这里插入图片描述

选择2.x版本

在这里插入图片描述

Vue项目工程创建成功

在这里插入图片描述

文件目录详解

在这里插入图片描述

启动Vue工程:

cd vue
npm run serve

在这里插入图片描述

使用IDEA启动Vue工程

在这里插入图片描述

相关推荐

  1. Vite5 + Vue3 + Element Plus 前端框架

    2024-03-10 09:08:01       57 阅读
  2. vue项目---1.基础的框架

    2024-03-10 09:08:01       46 阅读
  3. 前端Vue2项目过程

    2024-03-10 09:08:01       33 阅读
  4. 使用Django框架快速个人网站

    2024-03-10 09:08:01       45 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-10 09:08:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-10 09:08:01       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-10 09:08:01       87 阅读
  4. Python语言-面向对象

    2024-03-10 09:08:01       96 阅读

热门阅读

  1. Rust 的 std::error::Error

    2024-03-10 09:08:01       40 阅读
  2. dcoker启动rabbitmq并配置延迟队列插件

    2024-03-10 09:08:01       40 阅读
  3. sql中如何添加数据

    2024-03-10 09:08:01       43 阅读
  4. 物联网IOT发展智慧农业 助力乡村振兴

    2024-03-10 09:08:01       54 阅读