vue-cli手脚架

安装vue-cli手脚架

npm install -g vue-cli       # 全局安装

用vue-cli创建项目

使用vue list命令可以看到创建vue项目的几种方式

一般选择webpack创建项目

即： vue init webpack 项目名称 

例如： vue init webpack vueDemo 

回车后会让你填写一些生成package.json的参数，按要求填写即可

有几个选项需要注意

1、是否安装vue-router：这个按需选择即可，需要使用路由就安装，不需要就不必安装

2、是否使用ESLint编码规范检查，也是按需安装

3、有两个单元测试，按需安装

4、选择安装方式：NPM or Yarn or 自己手动安装，一般选择NPM安装即可

安装后即可运行项目

可以使用： npm run dev(dev在webpack.json中查看) 

也可以使用： npm start 

打包发布项目

打包

使用命令： npm run build 即可打包

发布

1、使用静态服务器工具包

安装静态服务器： npm install -g serve 

运行打包文件夹dist： serve dist 

访问：localhost：5000

2、使用动态web服务器(tomcat)

修改配置：webpack.prod.conf.js

output:{
    publicPath: ‘/xxx/’        // 打包文件夹的名称
}

然后重新打包：npm run build

修改dist文件夹为项目名称：xxx

将xxx拷贝到运行的tomcat的webapps目录下

访问：localhost:8080/xxx 即可