webpack-vue搭建,部署到后端
2016-12-15 14:56
483 查看
1、安装npm(安装node自带npm),npm安装成功测试
2、安装cnpm,也可以装nvm-windows
步骤1,打开user/admin/.npmrc,输入,也可以用命令
步骤2,输入npm install -g cnpm --registry=https://registry.npm.taobao.org
步骤3,把安装cnpm路径(存在cnpm.cmd)放到PATH环境里,就可以了。
安装成功测试
3、在当前自己的项目,装vue架手架,在cmd输入cnpm install -g vue-cli
4、在当前自己的项目,安装webpack,命令vue init webpack my-project
5、安装Vue 依赖,cnpm install
完成安装,运行,npm run dev,自动打开,端口8080
部署到后端(和后端放一起,可以选择nginx,前后端分离,可以选择跨域访问接口,访问后端。)
然后,配置nginx监听80端口, location/webapp,alias 到 /webapp,重启nginx
location /static {
alias /webapp;
}
浏览器访问http://xxxxxxxx/index.html即可
2、安装cnpm,也可以装nvm-windows
步骤1,打开user/admin/.npmrc,输入,也可以用命令
步骤2,输入npm install -g cnpm --registry=https://registry.npm.taobao.org
步骤3,把安装cnpm路径(存在cnpm.cmd)放到PATH环境里,就可以了。
安装成功测试
3、在当前自己的项目,装vue架手架,在cmd输入cnpm install -g vue-cli
4、在当前自己的项目,安装webpack,命令vue init webpack my-project
5、安装Vue 依赖,cnpm install
完成安装,运行,npm run dev,自动打开,端口8080
部署到后端(和后端放一起,可以选择nginx,前后端分离,可以选择跨域访问接口,访问后端。)
然后,配置nginx监听80端口, location/webapp,alias 到 /webapp,重启nginx
location /static {
alias /webapp;
}
浏览器访问http://xxxxxxxx/index.html即可
相关文章推荐
- java:Observable/Observer模式在SWT环境下UI线程/非UI线程的透明化调用
- UI设计图的标注工具大比拼
- easyui的formatter属性的用法
- ISE、vivado、QuartusII调用notepad++、UE汇总(整理)
- Codeforces 486E LIS of Sequence
- Xamarin.iOS-UIImagePickerController调用相机和获取相册列表【控件篇】
- easyui textbox动态控制只读效果
- iOS-Core-Animation-Advanced-Techniques-(一)图层树
- ZOJ 3820 Building Fire Stations
- 修改系统UISearchBar搜索框的样式-搜索图片、背景颜色
- 用UITextField输入完整汉字或字母再触发textFieldDidChange
- maven-install报错:webxml attribute is required (or pre-existing WEB-INF/web.xml if executing in update
- Effective Java学习笔记一(静态工厂方法、JavaBeans模式、builder模式)
- Longest Increasing Subsequence
- 使用UIActivityViewController实现AirDrop分享
- Codeforces Round #384 (Div. 2) B. Chloe and the sequence 找规律
- UVALive 4839 HDU 3686 Traffic Real Time Query System
- web_custom_request函数详解【摘抄】
- CaterUI CRUD Bll语句放在IF里面执行,然后判断bool
- @RequestBody与@RequestParam