欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vuecli脚手架的安装与脚手架创建项目

程序员文章站 2022-06-15 23:37:09
vuecli安装安装最新版本脚手架,进入终端输入命令:npm install -g @vue/cli由于vuecli3.0之后与2.0产生了较大的变化,如果想要使用2.0版本的模板的话,需要使用2.0版本的“vue init”,输入命令:npm install -g @vue/cli-init在终端中输入vue --version,显示脚手架的版本信息,判断脚手架是否安装成功vuecli创建项目前往要创建项目的文件夹目录下,输入命令:vue init webpack 项目名称,等待一段时间后...

vuecli安装

  1. 安装最新版本脚手架,进入终端输入命令:npm install -g @vue/cli
  2. 由于vuecli3.0之后与2.0产生了较大的变化,如果想要使用2.0版本的模板的话,需要使用2.0版本的“vue init”,输入命令:npm install -g @vue/cli-init
  3. 在终端中输入vue --version,显示脚手架的版本信息,判断脚手架是否安装成功

vuecli创建项目

  1. 前往要创建项目的文件夹目录下,输入命令:vue init webpack 项目名称,等待一段时间后,手动配置创建项目的信息
  2. 首先输入项目名称、项目描述、作者,直接输入回车代表按照系统默认
    vuecli脚手架的安装与脚手架创建项目
  3. 之后vue build中选择Runtime + Compiler
    vuecli脚手架的安装与脚手架创建项目
  4. 之后选择是否安装路由,选择No
    vuecli脚手架的安装与脚手架创建项目
  5. 选择是否使用ESLint,对js代码进行限制,将js代码规范化,选择standard(标准)ESLint
    vuecli脚手架的安装与脚手架创建项目
  6. 之后选择是否进行单元测试,是有进行e2e测试,选择No
    vuecli脚手架的安装与脚手架创建项目
  7. 最后选择哪种方式进行npm install,选择npm
    vuecli脚手架的安装与脚手架创建项目
  8. 选择完成,安装完成之后,项目创建成功,在文件夹下出现刚刚创建的项目

本文地址:https://blog.csdn.net/jwz934738949/article/details/107513201

相关标签: Vue基础