搭建vue-cli

本文详细介绍了前端开发环境的搭建过程,包括Node.js、Webpack、Vue-CLI的安装与使用,以及Echars、jQuery和ElementUI等常用库的引入方法。通过本教程,读者可以快速上手并构建自己的Vue项目。

1.(需要安装的node.js环境,必须具备),然后全局安装的WebPack

cmd命令:npm install webpack -g(或者npm install -g webpack)

安装完成后输入:webpack -v若出现版本号说明安装成功

问题:有时会出现提示安装webpack -cli

2.全局安装的Vue-CLI

cmd命令:npm install --global vue -cli

输入vue -V出现版本号即为安装成功

3.用VUE-CLI来构建项目

①cmd命令:vue init webpack +项目名称是一直回车(注意当前你所在盘目录)

②配置完成后cd进入文件夹执行npm install

③运行项目npm run dev

 

引入echars命令:npm install echarts -S

引入jquery命令:npm install jquery

引入elementUI命令:npm i element-ui -S:

在main.js中配置elementUI:

/ * --------- elementUi配置开始---- * /

从 '元素的UI' 导入ElementUI的

import'lement-ui / lib / theme-chalk / index.css'

Vue.use(ElementUI的的)

/ * --------- elementUi配置结束---- * /

 

打开方式,到当前项目目录下,进入项目在地址栏输入cmd,然后输入npm run dev 即可启动项目

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值