Vue 前端框架_使用Vue-cli快速构建项目

前端支付宝支付开发视频教程|移动前端开发技术|atom前端开发常用插件

vue-cli是什么?

vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。

vue-cli怎么使用?

安装vue-cli之前,需要先安装了vue和webpack;

安装vue-cli

[color=#31859b]npm install -g vue-cli //全局安装vue-cli
vue init webpack projectName //生成项目名为projectName的模板,这里的项目名projectName随你自己写
cd projectName
npm install //初始化安装依赖
[/color]

这样子项目就安装完了。

然后执行

npm run dev

在浏览器打开https://www.rokub.com:8080,则可以看到欢迎页了。

但是这个只能在本地跑,要如何在我们自己的服务器上访问呢?此时需要执行

npm run build

会生成静态文件,在根目录的dist里,里面有个index.html,这是服务器访问的路径指定到这里就可以访问我们自己的项目了。但是我发现个问题就是生成index.html里引用的cssjs的引用路径不对,这时候就需要自己修改一下配置了。

进入config/index.js

这样就能正常访问了。

前端模块化开发(amd和cdm规范)|前端如何开发模板|web 前端模块化发的开发

» 本文来自:前端开发者 » 《Vue 前端框架_使用Vue-cli快速构建项目》
» 本文链接地址:https://www.rokub.com/4355.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!