vue实践笔记

安装方式

1. 直接用script工具
2. 命令行工具

实践指南

1. 环境准备
   vue命令行工具 可以方便的命令行工具构建一个webpack工程
   主要步骤为：
   npm install -g vue-cli
mkdir vuedwmo && cd vuedemo
vue init webpack vuedemo
npm install
npm run dev
2. 编写compents routers
3. npm run build
   这里可以修改config目录下的配置，使得自定义输出目录，最终得到index.html入口文件和js css文件
4. 添加依赖模块

npm install takes 3 exclusive, optional flags which save or update the package version in your main package.json:
-S, --save: Package will appear in your dependencies.
-D, --save-dev: Package will appear in your devDependencies.
-O, --save-optional: Package will appear in your optionalDependencies.

5. 在main.js中添加依赖的引用