前言
vue cli webpack 安裝
学习vue 做個紀錄
安裝
首先
vue是框架 做完要打包给web看得懂 所以使用webpack来翻译给web
https://github.com/vuejs-templates/webpack
$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev
这是站上的教学
用win10看这边
npm install -g vue-cli
-g 代表全域安装 可使用安装套件的命令
vue init webpack my-project
init 初始化
webpack
my-project 资料夹名称 可以自己命名
专案名称 myvue
项目描述 enter
作者 jian
vue独自建构 enter
vue的路由器(安排路径 yes
是否安装ESLint 能确保你的程式码品质在一定的水准之上 yes
ESlint设为预设 yes
测试工具 no
测试工具 no
是否直接运行npm install no
cd my-project
进入资料夹
npm install
套件安装
第一次打开
所有的档案
webpack包装
npm run dev启动vue cli
http://localhost:8080
又会到这个页面啦
用webpack的功能就是把vue打包让web看得懂
所以现在要来打包
npm run build
会把档案压缩 包装成.js和.css这样web就看得懂了
html就变成了一行
目前正在学习中有任何指教请告诉我谢谢