浅谈vue.js 从配置环境到打包运行 (初学者适应)

本文是一篇针对初学者的Vue.js教程,详细介绍了如何配置环境,使用vue-cli创建项目,安装并配置vue-navigation,设置路由,引入组件,以及与后台数据交互。还提醒了在打包过程中可能遇到的问题和解决方法。

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

demo实例https://download.youkuaiyun.com/download/zxd1314520/10634016

一、首先是配置环境

已经有很多文章写怎么配置环境了,这里我就简写了。

1.进入 vue 官网 下载 64位 安装包

https://nodejs.org/en/

 

2.安装完成后 配置环境变量

 

3.基于 Node.js 安装cnpm(淘宝镜像)

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

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

 

4、安装Vue

cnpm install vue -g

 

5.安装vue命令行工具,即vue-cli 脚手架

cnpm install vue-cli -g

 

6.新项目的创建

(1)切换到一个空目录

mkdir newvues

cd newviews

(2)在当前目录下输入“vue init webpack 项目名称(使用英文)”。

vue init webpack myvue1

cd myvue1

cnpm install &

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值