vue脚手架安装及使用

准备工作

  • 安装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
    在这里插入图片描述

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2023-12-16 16:38:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-16 16:38:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-16 16:38:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-16 16:38:04       20 阅读

热门阅读

  1. 【MySQL】MySQL查询锁表的SQL语句

    2023-12-16 16:38:04       38 阅读
  2. kafka

    kafka

    2023-12-16 16:38:04      31 阅读
  3. 【洛谷】自动修正

    2023-12-16 16:38:04       42 阅读
  4. 华南理工C++试卷

    2023-12-16 16:38:04       32 阅读
  5. 【Python】json.dumps()函数详解和示例

    2023-12-16 16:38:04       32 阅读
  6. 使用logrotate对日志文件进行转储

    2023-12-16 16:38:04       32 阅读
  7. 2023-12-16 课后练习(复习+结构体练习)

    2023-12-16 16:38:04       28 阅读
  8. Python 中的文件处理与系统模块详解

    2023-12-16 16:38:04       32 阅读
  9. 关于代码细心问题

    2023-12-16 16:38:04       45 阅读