webpack+vue初始化项目基本

第1步:官网下载并安装nodejs

           nodejs官网:http://nodejs.cn/download/


第2步:npm下载插件速度很慢,推荐安装淘宝镜像cnpm

           命令行窗口:    $ npm install -g cnpm --registry=https://registry.npm.taobao.org


第3步:创建项目

          ①安装vue-cli脚手架构建工具 

 cnpm install -g vue-cli

②初始化基于webpack的vue项目

vue init webpack project_name

③进入project_name

cd project_name

④安装必要的插件

cnpm install

第4步:运行项目

cnpm run dev

第5步:打包项目

npm run build

注意事项:在打包后,如果程序路径报错,在config文件夹下的index.js修改build下的assetsPublicPath:'./'程序就能正常运行



怎么样,一个基于webpack的创建最简单的vue项目就已经完成了,是不是很简单。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值