vue + webpack 安装和配置

我不是女神ヾ 2022-06-11 09:44 161阅读 0赞

一：全局安装 vue-cli

1. 安装vue-cli

npm install -g vue-cli

安装该代码的时候，我出现了报错，我执行了  rm -rf /usr/lib/node\_modules/vue-cli  将之前的安装删除了，重新安装，通过

2. \# 创建一个基于 "webpack" 模板的新项目

vue init webpack my-project

3. \# 安装依赖，走你

cd my-project
    npm install

执行npm install的时候报错，是网络问题造成的，我执行了了

cnpm install

通过。

4.通过上面，我们就安装完成了，下面执行一下（develop方式）：

由于我是在阿里云上面的，因此，我需要配置一下ip

打开文件： my-project/build/dev-server.js

修改uri为：

var uri = 'http://120.24.37.249:' + port

您换成自己的ip即可。

如果您想更换端口，可以到my-project/config/index.js中修改：

dev: {
        env: require('./dev.env'),
        port: 8080,

将8080改成你想要的端口即可

进入my-project目录，执行

npm run dev

即可，执行的log为：

DONE  Compiled successfully in 5078ms                                                                                                  1:03:18 PM
    
    > Listening at http://120.24.37.249:8080

然后就可以访问了：

http://120.24.37.249:8080/

参考文章：

https://segmentfault.com/a/1190000006852262

https://segmentfault.com/a/1190000006852262

npm run dev

发表评论取消回复

表情：

评论列表（有 0 条评论，161人围观）

还没有评论，来说两句吧...

相关阅读

相关 webpack的安装以及配置

安装基本依赖（4.0版本） webpack项目的两个核心基础模块是webpack和webpack-cli，这是webpack项目构建的前提 npm i webp

系统管理员/ 2023年06月07日 03:09/ 0 赞/ 8 阅读

相关 vue + webpack 安装和配置

一：全局安装 vue-cli 1. 安装vue-cli npm install -g vue-cli 安装该代码的时候，我出现了报错，我执行

我不是女神ヾ/ 2022年06月11日 09:44/ 0 赞/ 162 阅读

相关 webpack3插件安装和配置

基本安装 mkdir webpack-config && cd webpack-config npm init -y cnpm install -

﹏ヽ暗。殇╰゛Y/ 2022年06月09日 20:45/ 0 赞/ 289 阅读

相关安装和配置Webpack

之前写Vue项目的时候，简单接触了一下Webpack。当时的理解就是打包工具，没有过多的深入研究。这几天属于找工作状态，顺便学习了一下Webpack，这里简单说下如何安装和配置

冷不防/ 2022年05月30日 00:51/ 0 赞/ 274 阅读

相关记录总结Vue+webpack的安装及配置

Web前端框架Vue+webpack搭建利用vue自己的脚手架工具vue-cli搭建起基本的环境配置，再通过npm包管理工具引入相应的依赖来完善项目的各种依赖框架。

偏执的太偏执、/ 2022年05月27日 11:09/ 0 赞/ 191 阅读

相关安装vue和webpack相关命令

一、安装vue相关命令 1、安装vue cnpm install vue 2、安装vue-cli cnpm install -g vue-cli 3、

向右看齐/ 2022年05月23日 04:59/ 0 赞/ 180 阅读

相关 webpack+vue开发配置

Vue.js > Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vu

矫情吗；*/ 2022年03月20日 13:39/ 0 赞/ 264 阅读

相关 vue webpack配置Error

学写慕课网的Vue核心技术Vue+Vue-Router+Vuex+SSR实战精讲时，发现因为webpack，babel等升级了。按照视频的代码配置webpack会出问题。报

青旅半醒/ 2022年01月06日 15:01/ 0 赞/ 217 阅读

相关 node和npm和webpack的安装及配置

1、官网下载node.js并安装在非C盘路径 ![20190807115553970.png][] 2、安装cnpm(淘宝镜像) npm install -g cnpm

旧城等待，/ 2021年11月05日 14:50/ 0 赞/ 467 阅读

相关 vue-cli webpack 配置分析

目录结构 . ├── README.md ├── build │ ├── build.js │ ├── check-ver

小灰灰/ 2021年09月14日 07:28/ 0 赞/ 295 阅读