使用vue-cli创建模板项目:
1说明:
1) vue-cli是vue官方提供的脚手架工具
2) github:https://github.com/vuejs/vue-cli
3) 作用: 从https://github.com/vuejs.templates下载模板项目
安装vue-cli:
第一步应该下载node.js这是安装vue-cli的基础工具。官网下载快捷安全可:https://nodejs.org/en/
第二步配置环境变量
执行npm install 时默认使用国外的镜像源,可以通过命令改为国内的镜像源:
npm config set registry http://registry.npm.taobao.org/
第三步安装全局vue-cli 命令操作 npm install -g vue-cli
2创建vue项目
vue init webpack vue_demo //下载模版
cd vue_demo
npm install
npm run dev //打包运行
3项目的打包与发布
npm run build 生成dist文件夹
发布1:使用静态服务器: 全局安装npm install -g serve serve dist
发布2:使用动态服务器tomcat 修改配置:webpack.prod.conf.js
output:{ publicPath:’xxx’//打包文件的名称 } 重新打包: npm run build 修改dist文件夹为项目名xxx 将xxx拷贝到运行的tomcat的webapps目录下
找到tomcat目录下的bin下的startup.bat启动tomcat 访问localhots:8080/xxx