webpack+vue+node初始化vue项目

配置vue 开发环境:

1. 安装node.js,自带npm软件包管理工具
2. 使用淘宝cnpm,npm是国外服务器,速度慢,cnpm国内更快
npm install -g cnpm --registry=https://registry.npm.taobao.org

npm install --global webpack

3. 安装vue的脚手架工具 官方命令行工具 ,全局安装,只需安装一次
npm install --global vue-cli
4. 先使用cd将路径切换到项目的目录,在创建并初始化一个vue项目
vue init webpack [项目的名称]
建议使用简单安装如下:
vue init webpack-simple [项目的名称]
安装过程需要填写简单信息,项目名,作者等
然后cd到项目目录下(如果中间报错可能是依赖包下载出错,也就是node_modules文件夹下的东西,需要使用cnpm)
cnpm install  #下载安装依赖包,当你移动项目时是不用移动依赖包(node_modules文件夹)的,好几百兆大小,移到别处使用该命令安装依赖就行了
5. 开启服务,就能在浏览器中查看初始化的项目了,默认localhost:8080路径
npm run dev

webpack的配置文档

webpack.config.js文件为配置文件

module.exports = {
    devtool: 'source-map', //调试配置
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值