安裝方式
- 直接用script工具
- 命令行工具
實踐指南
- 環(huán)境準備
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中添加依賴的引用