博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
从vue-cli 到 Vue CLI 3
阅读量:4885 次
发布时间:2019-06-11

本文共 856 字,大约阅读时间需要 2 分钟。

1.Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果已经全局安装了旧版本的 vue-cli(1.x 或 2.x),需要先通过 

npm uninstall vue-cli -g

 卸载。

2.安装指令:

npm install -g @vue/cli

3.检查版本:

vue --version

4.Vue CLI 3可以使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发,不过这需要先额外安装一个全局的扩展:

npm install -g @vue/cli-service-global

5.运行以下命令来创建一个新项目:

vue create hello-world

6.Vue CLI 使用了一套基于插件的架构。如果查阅一个新创建项目的 package.json,就会发现依赖都是以 @vue/cli-plugin- 开头的。

插件可以修改 webpack 的内部配置,也可以向 vue-cli-service 注入命令。在项目创建的过程中,绝大部分列出的特性都是通过插件来实现的。

7.基于插件的架构使得 Vue CLI 灵活且可扩展;可以通过 vue ui 命令使用 GUI 安装和管理插件。

8.当你使用 vue create 来创建一个新项目的时候,有些插件会根据你选择的特性被预安装好。如果你想在一个已经被创建好的项目中安装一个插件,可以使用 vue add 命令,例如:

vue add @vue/eslint

这个命令将 @vue/eslint 解析为完整的包名 @vue/cli-plugin-eslint,然后从 npm 安装它,调用它的生成器。

9.vue-router 和 vuex 的情况比较特殊——它们并没有自己的插件,但是仍然可以这样添加它们:

vue add routervue add vuex

 

转载于:https://www.cnblogs.com/lemonmonster/p/9764162.html

你可能感兴趣的文章
欢迎使用CSDN-markdown编辑器
查看>>
转 代码修改buildoption
查看>>
【SQL基础】三种类别语句
查看>>
JS学习笔记2_面向对象
查看>>
ZooKeeper管理员指南——部署与管理ZooKeeper
查看>>
3.进程的不同状态
查看>>
第三次作业
查看>>
行为树(Behavior Tree)实践(1)– 基本概念
查看>>
性能调优攻略
查看>>
Sublime 学习记录(二) package control 组件
查看>>
Emacs和Vim:神的编辑器和编辑器之神
查看>>
程序员必备基础——数据结构与算法学习资料分享01
查看>>
完成个人中心—导航标签
查看>>
matplotlib之散点图
查看>>
DML 语句
查看>>
swift------导入OC三方类找不到头文件的解决方法
查看>>
POJ 1703 Find them, Catch them (并查集)
查看>>
利用Java对本地磁盘的文件重命名
查看>>
【bzoj3648】环套树+点分治+树状数组
查看>>
折线 散点图
查看>>