1. vuejs vue-cli和webpack的区别
私认为Yeoman的Generators是天生的提供脚手架的工具，如果用webstorm新建Yeoman项目，就可以找到一些有关react的脚手架
2. vue中路径中使用~与@的区别
先说@
@这是webpack设置的路径别名。
这东西在vue标准模板里面的build/webpack.base.conf这个文件里面。
resolve: { // 路径别名
alias: { '@': resolve('src'), 'vue$': 'vue/dist/vue.esm.js'
}
},
就是说@这东西代表着到src这个文件夹的路径
然后是~
~ 是 stylus-loader 到东东，参考 https://github.com/shama/stylus-loader
~common 表示相对 common，然后我们在 webpack 配置了 common 的 alias，就能找到了它的路径了
3. 如何通过 Vue+Webpack 来做通用的前端组件化架构设计
angular:
我觉得angularjs的学习上手周期比较长，可能遇到问题，都无法立刻解决，而且编码的质量明显的很差，如果团队没有制定规范，那写出来的代码就没法看。对于一个选用angularjs的团队来说，我认为编码规范是很重要的，否则对编码能力是没有提升的。
avalon:
avalonjs文档资料没有那么全，我感觉一些开源支持的力量不够多。不过，如果有项目需求，需要去做IE浏览器的支持话，我建议选择avalonjs
vue：
vuejs 文档比较齐全，vue吸取了angularjs 的一些优点，规避了一些缺点，至少编码规范上有了一个质的飞跃，学习上手的周期比较短。vue起初只是一个轻量级的类库，用来做类似于react的事情，同时vue也是可以拿来做前端架构设计的，比如：vueify + vue-router（spa框架）。
4. vue webapp怎样获得mac地址
这里需要解释一下什么是网卡的MAC地址。每块网卡在生产出来后，除了基本的功能外，都有一个唯一的编号标识自己。全世界所有的网卡都有自己的唯一标号，是不会重复的。这个MAC地址是由48位2进制数组成的，通常分成6段，用16进制表示就是类似00-D0-09-A1-D7-B7的一串字符。
5. vue.js 怎么调用webapi
：Vue.js在数据绑定的API设计上借鉴了Angular的指令机制： 用户可以通过具有特殊前缀的HTML 属性来实现数据绑定，也可以使用常见的花括号模板插值，或是在表单元素上使用双向绑定： {{msg}} 插值本质上也是指令，只是为了方便模板的书写。
6. vue在手机中通过本机IP地址访问webApp的方法
vue中通过localhost:8080,就可以访问浏览项目，但是如果改成本机IP则会报错
通过localhost:8080访问效果
通过本机IP显示效果
如果想通过手机输入本机IP访问需要在package.json中配置
package.json配置
最后在手机通过IP就可以访问到webApp，或借助草料二维码生成修改后项目地址的二维码,掏出手机扫一扫即可~
通过机IP访问效果
Tips:需要手机和电脑在一个局域网(wifi)下
总结
以上所述是小编给大家介绍的vue在手机中通过本机IP地址访问webApp的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:Vue2.0仿饿了么webapp单页面应用详细步骤详解Vue
webapp项目通过HBulider打包原生APPVue.js
2.0和Cordova开发webApp环境搭建方法基于VUE移动音乐WEBAPP跨域请求失败的解决方法vue-router实现webApp切换页面动画效果代码
7. 基于webpack 和 vue的单页面网站有哪些
1. 定义我们demo的基本目录
├── README.md
├── index.html // 项目入口文件
├── package.json // 项目配置文件
├── src // 生产目录
│ ├── vue // 组件
│ | ├──home.vue
│ | ├──blog.vue
│ | ├──about.vue
│ | ├──topic.vue
│ ├── components // 各种组件
│ ├── views // css文件
│ ├── scss //scss文件
│ └── main.js // Webpack 预编译入口
└── webpack.js // Webpack 配置文件
2. 配置一下我们的webpack.js文件
在介绍怎么配置之前你需要掌握一个命令 npm install <模块> --save-dev这个命令的意思是这个命名的意思是我们安装了这个包并且把它的基本信息写入目录的package.json文件。还有一个命令是我们直接运行cnpm install会自动下载package.json里面写入的包.
在webpack的配置文件我们需要用到四个npm的模块分别是：path，webpack，extract-text-webpack-plugin,vue-loader记得先下载包在用require命令引入进来
//node的路径模块
var path=require('path');
//我们是webpack当然要引入这个
var webpack = require('webpack');
//这个是构建页面资源的插件
var ExtractTextPlugin = require('extract-text-webpack-plugin');
//因为我们是vue.js的应用，把各个组件当做一个页面.vue后缀，所以引入这个可以编译这些文件
var vue = require("vue-loader");
好了，我们已经把需要的模块引入进来了，接下来我们定义一些接下来要用到的一些文件夹路径
//__dirname是node里面的一个变量，指向的是当前文件夹目录
var ROOT_PATH = path.resolve(__dirname);
//这个我们的文件入口，等下我们就会从main.js这个文件作为入口
var APP_PATH = path.resolve(ROOT_PATH, 'src/main.js');
//这个是文件打包出来的输出路径
var BUILD_PATH = path.resolve(ROOT_PATH, 'build');
基本的文件路径我们已经定义好了，接下来我们要用到extract-text-webpack-plugin这个插件了
var plugins = [
//提公用js到common.js文件中
new webpack.optimize.CommonsChunkPlugin('common.js'),
//将样式统一发布到style.css中
new ExtractTextPlugin("style.css"),
// 使用 ProvidePlugin 加载使用率高的依赖库
new webpack.ProvidePlugin({
$: 'webpack-zepto'
})
];
接下来是webpack的重点了loader，webpack的思想是把每个静态资源文件当做一个模块加载，我们需要做一些配置，在这里我们需要用到编译css，sass模块，多以我们还需要安装'css-loader','style-loader','node-sass','md5'
mole.exports = {
//文件的入口，还可以写成多数组的形式，具体自己扩展
entry:[APP_PATH],
//输出
output:{
//输出路径
path: BUILD_PATH，
//打包的js命名
filename：build.js'
// 指向异步加载的路径
publicPath : __dirname + '/build/',
// 非主文件的命名规则，加缓存用到md5
chunkFilename: '[id].build.js?[chunkhash]'
},
mole: {
loaders: [
{
test: /\.vue$/,
loader: 'vue',
},
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract("style-loader", 'css-loader')
},
{
test: /\.css$/,
loader: ExtractTextPlugin.extract("style-loader", "css-loader")
},
{
test: /\.(png|jpg)$/,
loader: 'url?limit=40000'
}
]
},
//这个特别说明下，vue提倡把一个组件当做一个页面，所以可能在一个页面写html，style，javascript，也可以引入和写scss文件
vue: {
css: ExtractTextPlugin.extract("css"),
sass: ExtractTextPlugin.extract("css!sass-loader")
},
plugins: plugins
}
3. 配置我们的入口文件main.js
这里我们需要三个npm模块，vue，vue-router，vue-resource三个模块，我们依次安装然后在引入
//vue的应用当然要引，等下要用它来注册
var Vue = require('vue')
//这个是路由，spa应用必要哦
var VueRouter = require('vue-router');
//这个是类似ajax请求,肯定要拉去数据啦，所以也下载吧
var VueResource = require('vue-resource');
在vue里面声明并注册个空组件
Vue.use(VueRouter);
Vue.use(VueResource);
var app = Vue.extend({});
实例化VueRounter
var router = new VueRouter({
// 当hashbang的值为true时，所有的路径都会被格式化已#!开头，
hashbang: true,
history: false,
saveScrollPosition: true,
transitionOnLoad: true
8. vue适合java web吗
后端没什么适合不适合的。Vue和任何MVC框架都能配合的很好。 前后端分离之后，后端不需要大改，把之前渲染模板的地方改成组装JSON就好了。反而是前端，jQ改成Vue的工作量有点大。
9. vue+webpack项目是在线上打包还是在线下打包，如何在线上打包
仅仅是用了.vue文件，而.vue文件的解析肯定要用webpack或者browserify的
其实可以提供这样一种使用方法（另外一个库）：
<script>
// is available as global after link
var VueMaterialComponents;
// map of all components
VueMaterialComponents.components;
// map of all directives
VueMaterialComponents.directives;
// array of all mixins
VueMaterialComponents.mixins;
// registration callbacks to Vue
VueMaterialComponents.registerComponents();
VueMaterialComponents.registerDirectives();
VueMaterialComponents.registerAll();
</script>
10. 如何用vue来轻松的驾驭 html5 webapp的页面体验
这个问题在李维的博客里有 http://www.cnblogs.com/Kummy/p/5723677.html