vue开发环境搭建

* install node

* install cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

* install vue-cli

cnpm install -g vue-cli
vue -V

* create project "my-vue"

vue init webpack my-vue

  初始化项目中有一步问到是否创建router，选择是

   这样就有了 vue-router可以配置路由 Vue.use(Router)

* launch

cd my-vue
cnpm install
npm run dev

* 创建第一个自己的组件

 

安装Vue devtools

1. 下载代码

git clone https://github.com/vuejs/vue-devtools
cd vue-devtools

2. 改配置文件 shells/chrome/manifest.json

 E:\github.com\vuejs\vue-devtools\shells\chrome\manifest.json 

persistent  false改为true

3. 安装依赖包，编译

cnpm install
npm run build

4. 导入extension到浏览器

chrome浏览器地址栏输入  chrome://extensions/

点击 LOAD UNPACKED

选择路径

E:\github.com\vuejs\vue-devtools\shells\chrome

4. 重启浏览器

打开一个 以 npm run dev 方式运行 的页面

 

注意压缩后的文件 部署上线没法使用Vue调试面板

 

 

https://segmentfault.com/a/1190000009682735

You can now open Cypress by running: node_modules\.bin\cypress open

https://on.cypress.io/installing-cypress

 

chrome安装Vue-devtools需要梯子，所以可以用opera、firefox浏览器直接搜索安装插件。