安装方式
- 直接用script工具
- 命令行工具
实践指南
- 环境准备
vue命令行工具 可以方便的命令行工具构建一个webpack工程
主要步骤为:
npm install -g vue-cli
mkdir vuedwmo && cd vuedemo
vue init webpack vuedemo
npm install
npm run dev
- 编写compents routers
- npm run build
这里可以修改config目录下的配置,使得自定义输出目录,最终得到index.html入口文件和js css文件 - 添加依赖模块
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.
- 在main.js中添加依赖的引用