vue脚手架安装及使用

2023-12-16 16:28:05

准备工作

  • 安装node
  • 安装cnpm
    • cnpm是npm的“廉价平替” 提高安装速度
  • npm install -g cnpm --registry=https://registry.npm.taobao.org
    在这里插入图片描述

安装脚手架

  • 安装Vue脚手架 cnpm install -g @vue/cli
    在这里插入图片描述

用vue脚手架创建vue项目

  • 找好创建项目的位置

  • 创建项目 vue create test (test为项目名称)

  • 选择版本安装 选择最后一个
    在这里插入图片描述

  • 选择以下四个
    在这里插入图片描述

  • 选择vue版本 选择2.x
    在这里插入图片描述

  • 选择组件地址的模式 选择n
    在这里插入图片描述

  • 配置信息 以什么形式呈现 选择第二个
    在这里插入图片描述

  • 以上的选择是都要保留起来形成“套餐” 选择 n
    在这里插入图片描述

  • 项目创建成功
    在这里插入图片描述

  • 启动项目
    在这里插入图片描述

  • 项目启动成功,在地址栏输入 localhost:8080
    在这里插入图片描述

文章来源:https://blog.csdn.net/Code_King006/article/details/135033779
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。