首页 / VUE / vue-cli3.0.x使用步奏详解
vue-cli3.0.x使用步奏详解
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了vue-cli3.0.x使用步奏详解,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1685字,纯文字阅读大概需要3分钟。
内容图文
![vue-cli3.0.x使用步奏详解](/upload/InfoBanner/zyjiaocheng/290/991aff2d28164b93977288fa7b9a9045.jpg)
1. 官网资料
在学习技术的时候,经常看查看官网的资料。因为那里的资料更新是最快的 。
vue-cli
vue-cli 文档
2. 安装环境
这里犸特头,推荐大家使用 npm install -g @vue/cli ,通过 yarn global add @vue/cli 还需要进行其他设置,还生成一些文件删除几分钟。
npm install -g @vue/cli # or yarn global add @vue/cli # 使用vue命令,创建项目(不同于cli2.0的init,create) vue create my-project
如果 您使用 yarn global add @vue/cli 安装需要 进入 目录 。执行
yarn // 安装项目依赖 cd packages/@vue/cli // 目录 yarn link //添加 link `vue` 执行指命 。 vue create my-project // 创建项目 。
3. 多环境配置
因为公司有 开发环境 ,测试环境,联调环境,线上环境 。减少人为配置,一次配置对原则。所以在2.0.x 增加了“package.json “tt”: “node build/tt-build.js”” 类型的配置,配置不了不少文件。 在 vue-cli 3.0.x 里面支持 “.env” 文件配置 ,我这里增加 “.env.development” , “.env.production”和“.env.test” 配置 。
1. 基本对应和默认
development is used by vue-cli-service serve production is used by vue-cli-service build test is used by vue-cli-service test
2. 指定配置启动
增加其他配置,需要下面指定配置 。
"dev-build": "vue-cli-service build --mode development",
3.”.env “配置文件编写
配置文件内容格式如下 ,
VUE_APP_*
例如:”.env.production” 内容如下
VUE_APP_MOCK_URL = 'https://xxx.xxx.xxx/restapi/'
4. 调整用环境配置
console.log(process.env.VUE_APP_MOCK_URL); process.env.NODE_ENV // 特定 BASE_URL // vue.config.js 配置
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
如何开发一个自定义库
如何使用JS实现合并多个数组去重算
以上就是vue-cli 3.0.x使用步奏详解的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的vue-cli3.0.x使用步奏详解全部内容,希望文章能够帮你解决vue-cli3.0.x使用步奏详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。