vue + webpack 安装和配置
来源:互联网 发布:tplink访客网络是什么 编辑:程序博客网 时间:2024/06/01 09:20
一:全局安装 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
阅读全文
0 0
- vue + webpack 安装和配置
- webpack安装和配置
- vue-2.x webpack 安装vue-router 配置路由
- vue环境搭建(一)webpack和vue-cli安装
- 使用webpack创建vue项目,安装vue-router和不安装vue-router的区别
- vue-cli中的webpack配置
- Vue-webpack项目配置详解
- vue-cli中的webpack配置
- vue-cli webpack 配置分析
- vue-cli中的webpack配置
- vue-cli webpack配置分析
- vue配置 webpack构建vue项目
- vue 入门之安装Webpack
- ubnutu安装vue+webpack,初始化vue项目
- Node和vue安装配置
- 用npm安装vue和vue-cli,并使用webpack创建项目
- Vue项目配置以及webpack配置
- vue安装和环境配置安装不成功
- CentOS 6下源码安装LAMP(Linux+Apache+Mysql+Php)环境
- node中的当前目录
- 13.11—动态规划—Distinct Subsequences
- 大型信息系统的技术选型
- E
- vue + webpack 安装和配置
- 13.12—动态规划—Word Break
- 考研英语
- [VC.NET]句柄
- 线段树学习总结
- 倒角距离匹配
- Java 集合系列08之 List总结(LinkedList, ArrayList等使用场景和性能分析)
- 1029. 旧键盘(20)
- 历经漫长的跟踪、排查、对比、推动和验证, 终于在8个月后,解决了这个bug