技术教程 vuecli脚手架的安装与脚手架创建项目 正文

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

2022-08-01,,,,

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. 首先输入项目名称、项目描述、作者，直接输入回车代表按照系统默认
  3. 之后vue build中选择Runtime + Compiler
  4. 之后选择是否安装路由，选择No
  5. 选择是否使用ESLint，对js代码进行限制，将js代码规范化，选择standard(标准)ESLint
  6. 之后选择是否进行单元测试，是有进行e2e测试，选择No
  7. 最后选择哪种方式进行npm install，选择npm
  8. 选择完成，安装完成之后，项目创建成功，在文件夹下出现刚刚创建的项目

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

《vuecli脚手架的安装与脚手架创建项目.doc》

下载本文的Word格式文档，以方便收藏与打印。

Copyright 2023. 昆居客 - IT编程,互联网信息技术文档大全!