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双击浏览就可以了
这里写图片描述

这样修改后,服务器和本地的都可以运行了。

原创粉丝点击