每次构建Vue项目都要去查一遍没办法老是忘,只好乘着这会儿不太忙做个笔记。
一、安装Vue脚本架
构建项目之前先安装Vue脚本架,这样安装完之后才可以使用Vue命令,在终端执行下面一行指令来安装脚本架:
npm install vue-cli -g
二、设置cnpm镜像源
这一部分纯属是为了后面安装插件包快一点准备的,不喜欢可以略过,在终端输入一下指令来设置镜像源:
npm install -g cnpm --registry=https://registry.npm.taobao.org
三、构建Vue项目
1.初始化项目指令
vue init webpack 项目名称
注解:此处是用了webpack如有对webpack不了解可以查看webpack入门
在终端执行完构建项目命令之后,跟着下图进行操作
四、运行
上面执行完之后剩下的就是运行,终端执行命令:
$ npm run build
五、结束
完了?? 对! 你猜对了! 结束了!😁