189 8069 5689
这篇文章给大家分享的是有关vue-cli3.0.x怎么用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
安装环境
这里犸特头，推荐大家使用 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 // 创建项目 。
多环境配置
因为公司有 开发环境 ，测试环境，联调环境，线上环境 。减少人为配置，一次配置对原则。所以在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 配置
感谢各位的阅读！关于“vue-cli3.0.x怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。