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

被折叠的 条评论
为什么被折叠?



