当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vuecli脚手架的安装与脚手架创建项目

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

2020年07月24日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网