Vue.js项目创建打包发布

 

1. 搭建项目环境

下载安装node.js，一般自带npm。或者自定义安装cnpm 淘宝镜像。

配置npm安装的全局模块路径以及缓存cache路径:

如果希望将模块安装在node.js下面，在node.js下创建node_global,node_cache文件夹。创建完执行命令。

npm config set prefix "D:\.. \nodejs\node_global"

npm config set cache "D：\.. \nodejs\node_cache"

配置环境变量:

在【系统变量】下新建【NODE_PATH】

输入【D:\..\Develop\nodejs\node_global\node_modules】

将【用户变量】下的【关于npm的Path】修改为【D:\..\Develop\nodejs\node_global】

安装vue脚手架，npm install –g vue-cli

1. Web项目创建发布本地运行

如果是创建新项目，vue init webpack my-project

如果是git其他的项目，cd到项目根目录

npm run serve 运行项目

ctrl+c退出

3．打包线上发布

      Cd到项目根目录，使用npm run build打包，将dist目录上传服务器运行。Dist下面globaVar.js配置文件在项目打包后可以更改。