【Vue】run配置与打包发布

node.js安装完事，node -v npm -v 会出现对应版本号

npm包管理配置

全局包存放位置更改：npm config set prefix “D:\SOFT_IT\nodejs\node_global”
缓存目录更改：npm config set cache “D:\SOFT_IT\nodejs\node_cache”

添加系统环境变量：更改后的全局包存储位置（蓝色部分）

下载加速：
临时指定镜像：安装命令后缀 --registry=http://registry.npm.taobao.org
永久配置镜像：npm config set registry http://registry.npm.taobao.org

查看配置：npm config list

工程生成

辅助参考
安装vue.js: npm install vue -g 记得在cmd中查看：

npm list -global　　　查看全局包结构
npm info vue         查看指定包信息

命令方式

进入目录： cd vue01 安装依赖：cnpm install 执行： npm run dev

IDE方式

新建Vue.js工程：Static Web -> Vue.js
留意①②位置的路径是否正确，别的设置默认方可

打包发布

cd vue02 打包：npm run build
PS：1.打包完成会在工程目录vue02下生产一个dist文件夹 2.工程中文件发生修改则需重新打包

1.静态发布：

npm install-g serve   //安装全局包
serve dist

2.动态发布（推荐：
利用Tomcat服务器发布 PS：①将打包生产的dist文件夹载入deployment ②此处的vue_demo与build/webpack.prod.conf.js中（约31行左右）
output: {
…
publicPath: “/vue_demo/”
}
的publicPath设置一致。即访问的Web应用目录为http://localhost:8080/vue_demo/