博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue + webpack 安装和配置
阅读量:4202 次
发布时间:2019-05-26

本文共 912 字,大约阅读时间需要 3 分钟。

一:全局安装 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-projectnpm 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

转载地址:http://gscli.baihongyu.com/

你可能感兴趣的文章
Drools 规则引擎
查看>>
OLTP和OLAP区别
查看>>
JMeter最常用的三种类型的压力测试
查看>>
Hibernate HQL 语法大全(上)
查看>>
深入Java事务的原理与应用
查看>>
CSS单位和CSS默认值大全
查看>>
交大我来了--周末再见了
查看>>
网页中flash wmode属性
查看>>
挑战自我,勇攀高峰
查看>>
神奇的HTML5画图应用
查看>>
flex 滚动条问题
查看>>
软件开发管理中的博奕论
查看>>
计算机认证考试种类
查看>>
SQL in和exists 比较
查看>>
社会性网络服务(SNS)研究
查看>>
鼠标DarkField技术
查看>>
傻傻的我
查看>>
paypal 沙盒账号注册
查看>>
ebay 沙盒账号注册
查看>>
linux -8 Linux磁盘与文件系统的管理
查看>>