vue学习过程遇到问题(一)
来源:互联网 发布:网络直播技术的意义 编辑:程序博客网 时间:2024/05/22 11:43
网上很多文章有介绍怎么搭建vue开发环境,但是存在有坑或者比较老,所以…
我这里是安装淘宝镜像
直接cmd 命令安装
npm install-g cnpm --registry=https://registry.npm.taobao.org
cnpm install webpack-g
cnpm install vue-cli-g
进入准备要新建项目的文件夹vueobject cd E:\vueobject
回车 e:
回车
创建项目文件nsdzh_web
vue init webpack nsdzh_web
查看文件夹,已经生成好基本文件了
进入该项目文件夹,下载依赖包
cd nsdzh_web
cnpm install
运行项目
cnpm run dev
刚才随便设置了项目描述,没事这个可以改package.json
项目运行后自动打开浏览器显示主页,项目成功运行,记得我第一次也是这样操作是不成功的,但是这次…
在iis上运行项目
先把刚才的项目打包发布
cnpm run bulid
查看项目文件发现多了 dist 及依赖文件夹node_modules
dist就是服务器使用的项目包了,可以修改配置本地运行,也可以直接服务器运行
下面是服务器运行
网站->添加网站,然后
右键index.html 浏览
下面是直接运行的方法
找到config文件夹下的index.js,修改build对象下的assetsPublicPath: ‘./’,多了一个点,保存后再次打包项目cnpm run bulid
然后直接找到文件夹dist里面的index.html双击浏览就可以了
这样修改后,服务器和本地的都可以运行了。
阅读全文
0 0
- vue学习过程遇到问题(一)
- vue学习过程遇到问题(二)
- vue学习过程遇到的一些问题集合
- ROS学习过程中遇到的问题总结(一)
- 学习过程中遇到的小问题(一)
- vue-cli安装过程遇到问题
- Vue学习(一)
- vue学习(一)
- Vue学习(一)
- Vue学习过程中的问题记录本(持续更新)
- vue使用过程中遇到的错误提示一
- 学习Angular4遇到问题,解决方法(一)
- vue.js安装以及安装过程中遇到的问题
- vue windows下安装过程及遇到的问题
- 初学vue遇到的坑(一)
- Nginx 安装过程所遇到的问题(一)
- android蓝牙开发过程中遇到的问题(一)
- 开发过程遇到的一些问题(一)
- 动态规划之最短路径浅解
- Qt5开发学习之Qt基本对话框(四)
- 【牛腩】div id与div class区别及使用
- 精灵帧动画的实现
- Python2.7缺少zlib解决
- vue学习过程遇到问题(一)
- HDU6047-Maximum Sequence
- vue引入css
- 粒子系统的实现
- 基于机器学习对于短波通讯抗干扰可行性分析
- LeetCode -- Range Sum Query
- Android增加一个System Service
- hbase分布式系统搭建
- 通过dubbo-demo源码学习maven多项目聚合