脚本宝典收集整理的这篇文章主要介绍了vue-cli 3.0,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
首先这次使用的vue脚手架为vue-cli 3.0,它跟之前的脚手架改变了很多,这里我也没去细细的研究,也只懂得了最基本的用法,参考:
vue-cli 3 地址:https://cli.vuejs.org/zh/guide/
其中值得注意几点:
1.vue-cli 3 脚手架需要node.js 版本8.9 或更高版本,因为之前项目用的vue1.0,所以node版本用的比较低
(6.11.3),所以想同时管理多个node版本,所以用到了gnvm一个工具,
官网也有推荐nvm 或 nvm-windows(本人没用).
config 配置 .gnvmrc
use 使用某个本地已存在的 Node.js 版本
ls 输出 [local] [remote] Node.js 版本
install 下载/安装任意已知版本的 Node.js
uninstall 删除任意本地已存在的 Node.js
update 下载 Node.js latest 版本并更新到 .gnvmrc 里面
npm NPM 下载/安装/删除 管理
session 临时设定本地某个已存在的 Node.js 为 全局 Node.js
seArch 查询并且输出符合查询条件的 Node.js 版本详细信息的列表
node-version 输出 [global] [latest] Node.js 版本
reg 设定 .gnvmrc 属性值 [noderoot] 为 环境变量 [NODE_HOME],并加入到 Path 中
version 查看 gnvm 版本
安装多个node.js: gnvm install latest 1.0.0-x86 1.0.0-x64 5.0.0
卸载本地任意 Node.js 版本: gnvm uninstall latest 1.0.0-x86 1.0.0-x64 5.0.0
安装node.js 对应的npm版本: 1、gnvm有命令(可以去看文档) 2、npm install -g npm@5.0.1
3.vue-cli 3 灵活 配置都作为插件 项目构建好后也可以随时加插件,插件文档链接描述。
4.想修改启动时打开浏览器和修改端口等 只需在Package.JSON scripts对象中修改:
具体的命令:
用法:vue-cli-service serve [options] [entry]
--oPEn 在服务器启动时打开浏览器
--copy 在服务器启动时将 URL 复制到剪切版
--mode 指定环境模式 (默认值:development)
--host 指定 host (默认值:0.0.0.0)
--port 指定 port (默认值:8080)
--https 使用 https (默认值:false)
5.动态图片或者说静态资源放在public文件夹下。不会经过webpack打包。
6.配置环境变量参考:https://segmentfault.com/a/11...
7.打包后dist项目的启动发生了变化,之前可以直接打开index.htML,现在需要
以上是脚本宝典为你收集整理的vue-cli 3.0全部内容,希望文章能够帮你解决vue-cli 3.0所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。