环境搭建
node.js安装
https://nodejs.org/en/
cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
cpnm全局安装vue-cli
sudo cnpm install -g vue-cli
目录下创建一个基于 webpack 模板的新项目
vue init webpack my-first-project
设置项目名字、作者......
然后 cd my-first-project 进到项目目录里面,安装项目依赖
cnpm install
可以看到my-vue-project文件夹下多了一个node_modules文件
运行项目
使用命令npm run dev 运行项目
cnpm run dev
项目运行成功后浏览器访问地址
http://127.0.0.1:8080/
sublime3安装插件vue syntax hightlight ,vue语法高亮显示。
to do list
- { {item.label}}
store.js
const STORAGE_KEY = 'todos-vuejs'export default { fetch: function() { return window.JSON.parse(window.localStorage.getItem(STORAGE_KEY) || '[]') }, save: function(items) { window.localStorage.setItem(STORAGE_KEY, window.JSON.stringify(items)) }}