Vue进阶

vue-cli 脚手架

定义：vue提供的脚手架工具(帮助编写一些基础代码)

 功能:
 生产目录结构
 本地开发调试
 代码压缩部署
 热加载
 单元测试

安装

 npm install -g vue-cli
 vue -V
 vue init <template-name><project-name>
 eg:vue init webpack（或者webpack#1.0） my-project
 cd my-project
 npm install
 shift+右键>在此处打开命令窗口
 npm run dev

启动方式：

 1.
 (1)package.json文件 "scripts">dev
 (2)用命令 npm run dev
 2.
 (1)右键 package.json文件 show npm ScriptS
 (2)双击 dev

文件目录

 源码来自src>main.js 入口文件
 import 导入文件
 后缀名(.vue、 加载某目录下的index.js)省略来自webpack.base.conf
 Vue.config.productionTip = false 关闭生产环境下的提示

命令： Vue.use() 使用插件