vue- 环境搭建

本文详细介绍使用Node.js和npm构建Vue项目的步骤,包括安装Node.js、Vue、Vue CLI、Webpack和Element-UI等工具,以及如何从Git克隆项目、初始化、构建和运行Vue应用。

1查看是否安装 node

2.npm 安装vue
npm -v
npm install vue

3.安装vue脚手架
npm install vue-cli -g

4.安装构建工具
webpack -v
npm install webpack -g

5.安装 element-ui
npm i element-ui -S

5.element-ui提供了快速入手项目

将代码 git clone到本地

6.进入到项目内 打开dos窗口执行 初始化命令

执行结束后 项目会多一个目录

进行进行打包构建项目

 

7.运行项目

执行npm run dev

8.成功以后就可以访问了

9. 其实npm run  dev 对应运行的是

10.webpack.config.js 指定了引用的包和项目的启动路径

11.打开main.js就是我们熟悉的代码了

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值