vue网页框架环境搭建与项目的编译发布

本文详细介绍了如何在Windows环境下安装Vue2.0,包括Node.js的安装,设置国内镜像源,使用Vue CLI创建项目,以及启动、编译和发布项目的基本步骤。同时提供了Vue相关学习资源链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue2.0环境安装

1.安装 Node.js

下载地址为:https://nodejs.org/en/download/
下载后默认安装即可,安装完成可以打开cmd窗口,
输入node -v查看安装的版本

2.安装国内镜像

依次安装下面内容:

npm install -g npm --registry=https://registry.npm.taobao.org

cnpm install -g vue
npm install -g @vue/cli
cnpm install -g webpack

3.创建vue项目

1. cd到指定项目的路径下
2. 创建项目输入:vue init  webpack vuedemo    //注意这里不支持大写字母
3.  进入项目目录 : cd vuedemo
4. 运行项目: cnpm run dev,运行后可在本机的l浏览器中输入“ocalhost:8080”查看
5. 编译项目:cnpm run build,
6. 发布项目:在本机的IIS服务器创建一个site,目录指向刚才编译项目中的“dist”文件夹

4.常用VUE网址

https://element.eleme.cn/#/zh-CN/component/installation
https://vuex.vuejs.org/zh/guide/
https://cn.vuejs.org/v2/guide/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值