ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue-cli安装

2022-05-12 21:04:58  阅读:135  来源: 互联网

标签:插件 vue cli 项目 版本 安装


        项目要用vue框架,所以会用vue-cli来新建项目。用过vue的都知道,要全局安装vue以及脚手架vue-cli,然后执行vue init webpack projectname来新建vue项目模板。但是最近新建项目的时候发现,即使是在本机全局安装了vue最新版本2.5.17,可是用vue-cli脚手架创建vue项目木板的时候发现,vue的版本还是2.5.2版本。查过官方文档之后了解到,vue-cli有最新版本,需要重新安装,而且新建项目的方式也有所不同。这篇文章将针对vue以及vue-cli最新版本进行介绍。

官网:https://cli.vuejs.org/zh/

vue-cli官方解释是,它是一个基于vue.js进行快速开发的完整系统,提供:

  • 通过 @vue/cli 搭建交互式的项目脚手架。
  • 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。
  • 一个运行时依赖 (@vue/cli-service),该依赖:
    • 可升级;
    • 基于 webpack 构建,并带有合理的默认配置;
    • 可以通过项目内的配置文件进行配置;
    • 可以通过插件进行扩展。
  • 一个丰富的官方插件集合,集成了前端生态中最好的工具。
  • 一套完全图形化的创建和管理 Vue.js 项目的用户界面。

       接下来废话少说,我就直接说说vue-cli最新版本怎么安装,怎么新建项目。

一、安装Vue Cli

安装最新版的vue-cli。使用命令:npm install @vue/cli -g

 安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。

到此为止,Vue Cli就安装成功了

 二、创建一个项目

首先,我们在终端里输入命令vue create,然后回车,出现选择界面,可以选择自定义安装,也就是第二个。

接下来,进入第二步,选择你需要的模块。

接下来会让你进行一系列的框架或插件版本选择,

路由部分、eslint配置、检查设置、单元测试、e2e(端到端测试)、配置文件存放、保存当前配置

大家可以根据自己的需要进行选择

选择完成后,项目就会自动创建,并且会默认安装你选择的这些插件或模块。到此为止,项目就算创建完成了。

标签:插件,vue,cli,项目,版本,安装
来源: https://www.cnblogs.com/xiaoguotongxue020721/p/16264253.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有