前提是node和npm的版本更新一下，
node最好是3.0以上的node -v
//查看版本npm -v步骤如下
-
npm install -g vue-cli相当于帮助你完成vue项目的架构建设
-
vue init webpack my-project
-
cd my-project npm install npm run dev
此时http://localhost:8080出现index.html
4.如果需要发布 npm run build 此时生成一个dist的文件，其中包括能被浏览器识别的文件css,js,html npm install http-server -g http-server
此时打开http://localhost:8080的效果和npm run dev是一样的补充说一点：Sublime Text安装vue的插件：
- 先安装package control组件
1). 按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）
2). 粘贴以下代码到底部命令行并回车：
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
3). 重启Sublime Text 3。
如果在Perferences->package settings中看到package control这一项，则安装成功。
- Crtl + Shift + p 调出 package control，输入 add repository，确定
- 输入 github 仓库地址，例如 https://github.com/vuejs/vue-syntax-highlight （Notice：结尾的.Git要去掉）
- Crtl + Shift + p 调出 package control，输入 install package，确定，然后再输入 github 仓库的名称，比如 vue-syntax-highlight，确定安装。
下面总结一下vue的原理
webpack+vue-loader+babel
在webpack加载.vue文件前，先调用vue-loader==>
vue-loader中调用babel转换ES6代码俄日ES5代码，把css和html作为模块也转换为客户端js代码(浏览器可以识别)
vuejs还有一个重要的特点：热加载
如果在Hello.vue中修改msg的内容，保存文件，页面会实时更新
网友评论