vue打包运行项目

1、安装nodejs

自己去官网下载，安装完nodejs就会有npm依赖包管理工具。

2、设置淘宝镜像

国内镜像加速

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装webpack打包工具

npm install webpack -g

4、安装vue的脚手架

npm install --global vue-cli

5、初始化vue项目文件

在前端项目文件夹所在的目录，启动命令行，输入

vue init webpack [项目名]

除了包含test的输入no，其他要么yes，要么输入名称

6、安装相关依赖

进入到初始化后的文件夹下，启动命令行，输入，会生成node_modules这个相关依赖的文件夹

npm install

7、编译

继续在该目录的命令行中输入，会生成target这个编译后的文件夹

npm run build

8、运行

npm run dev

题外话：vue.config.js中需要设置对外暴露的端口，即devServer中的port，以及监听的后台服务器的地址，即proxy中的target