vue2.0 first day

1. 搭建 vue 环境

参考:
https://blog.csdn.net/wu__di/article/details/54234894

首先 安装node.js最新版本,
1. 查看npm 版本 npm -v;
2. 安装 cnpm: npm install -g cnpm –registry=https://registry.npm.taobao.org
3. 安装 vue-cli: cnpm install -g vue-cli
4. 输入vue命令: 出现命令提示信息,表示安装成功。
5. 新建一个测试 目录 my_demo ,进入该目录下,执行vue init webpack vue-demo
6. 选择默认选项eslink后选择No;
7. cd vue-demo
8. 执行 cnpm install;
9. 执行完成 之后 执行 cnpm run dev;
10. 会出现访问地址:http:localhost:端口号;
11. 使用浏览器访问访问该地址http://127.0.0.1:端口号/

能够访问到页面 表示 vue环境搭建成功。

2. 使用vue devtools插件

从github上面下载 dev tools 4.0 4.10,
进入到对应文件夹下面,使用 npm install;
然后执行 npm run build ,之后在chorme的开发者模式下面,点击 选择加载已解压的文件。
找到类似 vue-devtools-4.1.0\shells\chrome 的文件夹,选中 chorme文件夹,点击确认 添加 vue devtools 插件。

猜你喜欢

转载自blog.csdn.net/qq_21006731/article/details/79682617