vue-CLI开发环境配置
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:
推荐查阅官方文档 https://cn.vuejs.org/v2/guide/installation.html
必要环境。 Node.js http://nodejs.cn/. 推荐安装最新版本
Npm(最新版node自带)
开发环境启动: 使用命令行执行以下命令 执行安装node包
cd 项目路径
npm install (cnpm install)
(推荐使用cnpm ,http://npm.taobao.org/ 加快依赖下载速度)
npm run dev; (cnpm run dev)
生产环境打包命令
cd 项目路径
npm run build; (cnpm run build)
config/dev.env.js 中的 BASE_API为开发环境地址 (默认
”/“)
config/prod.env.js 中的 BASE_API为生产环境地址(默认http://localhost:8080)
src 为开发目录
src/api 存放系统接口地址
src/components 存放全局组件
src/assets 存放图片样式资源等
src/plugs 存放第三方插件
src/routers 存放页面路由信息
src/store 存放vuex 状态管理信息
src/untils 存放全局方法
src/views 存放页面业务组件
和服务器端交互认证信息存储在src\store\systemConfig.js
默认值是
appId:‘7166912116544627‘,
aesKey:‘MnYg7Tm8NR1YiYBJ‘,
ivKey:‘yToM65IuE64VDoEq‘,
appKey:‘5atYoyckDzDPetcaQZlF1VsK1o8qCQPE‘,
请登陆后台后及时调整并且重新打包部署
如无特殊说明,其他文件则无需修改
原文:https://www.cnblogs.com/Jeely/p/11229729.html