|
vue-cli3官网帮我们概述了vue-cli3的一些特点。个人在使用vue-cli3的感受中 零配置、可升级 2个特点确实很不错。
如何安装vue-cli3呢？ 首先，你要有一个nodejs环境 Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本。 其次，如果你之前安装了vue-cli的旧版本，那么你要做如下操作 关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。假设你已有了nodejs环境，你可以通过下面指令安装vue-cli3的包 npm install -g @vue/cli 安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。（例如 vue --version） 接下来就是创建一个vue的项目了，使用下面命令： vue create hello-world你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。 在多选时，空格代表选中，enter代表进入下一个配置项 且你手动选择的配置项还会存入到你电脑的 ~/.vuerc 文件中，这样子你下次创建vue项目的时候，可以选择你之前手动配置的配置，这点vue cli3做得很人性化哦！点赞！ 上面的配置选择完之后，一个简单的vue项目就创建成功了。这个时候你在命令行cd hello-world，进入到hello-world项目根路径下，命令行敲下npm run serve，项目就开始跑起来啦。 项目创建时具体选项与注意事项： 可参考此链接：https://blog.csdn.net/qq_42270125/article/details/82024487 这里就不叙述了。 下面总结在vue-cli3.0 与vue-cli2.0的区别 1. 启动命令不同 3.0启动npm run serve 2.0启动npm run dev 2. build没了、config没了、哦对了还有最重要的一点， 3.0的安装项目时自动下载node-model。在根目录下创建一个vue.config.js 对项目进行相应的配置 参考：https://www.cnblogs.com/XCWebLTE/p/9546756.html https://www.cnblogs.com/webdragon/p/11025921.html |
|
|
公众号
