1.Vue快速配置

环境：win10 x64

• 安装node.js
  地址：https://nodejs.org/en/ 或者 http://nodejs.cn/
  或者 点击下载node-v10.13.0-x64.msi
  安装成功可检查版本号，命令：node -v

• 执行命令
  npm install -g cnpm --registry=https://registry.npm.taobao.org
  cnpm install webpack -g
  npm install vue -cli -g

• 创建Vue项目
  先cd到某个目录
  vue init webpack 项目名
  按照要求输入，回车，坐等，效果如下图（注意需要拒绝它三次）：

  
  image.png

• 开发工具sublime Text 3
  菜单Project ->Add Folder to Project

  
  image.png
  

  展开目录，应该是这样的

  
  image.png
  代码在src
  • App.vue 入口
  • main.js 核心
  • router 路由
  • componets 组件

• 安装第三方包注意事项
  记住加 -s 或者 -save，例如：
  npm install axios -s
  npm install vuex -s
  不要上传node_modules，新下载的代码可以使用npm install 或者npm i安装依赖

• 启动测试项目命令
  npm run dev

• 打包命令
  npm run build
  会生成dist，不要上传dist

• 重申：
  不要上传node_modules和dist文件夹或者其它无关文件

• Vue2基础可参看
  https://www.runoob.com/vue2/vue-tutorial.html

• Vue第三方组件
  http://element-cn.eleme.io/#/zh-CN/component/installation
  http://echarts.baidu.com

• sublime text 3 插件配置
  插件 Ctrl+Shift+P
  安装：Package Control:Install Package
  卸载：Package Control:Remove Package
  更新：Package Control:Upgrade Package
  Vue高亮插件：Vue Syntax HightLight
  Vue格式化插件：HTML-CSS-JS Prettify
  格式化快捷键设置：
  Preference->Key Bindings User
  添加{ "keys": ["ctrl+alt+l"], "command": "reindent" },