产品开发过程中需要WEB来做数据管理,做了几年的WPF/Winform/QT。突然拿起WEB,直心有点手忙脚乱。搭建一个VUE+ElementUI 的开发环境也折腾了大半天的时间,在这里记录一下。也给这方面跟我一样的同学留个参考。话不多说,直接上图文:
1。Node.js安装
官方网站:https://nodejs.org/zh-cn, 自己先把NodeJS下载下来。
然后开始安装
一路无脑下一步,路径按需要修改,这里不做解释
2.安装脚手架
在命令行里输入如下代码
npm install -g @vue/cli
3。创建VUE的项目
创建VUE项目直接用代码:vue create xxx 就行。**在过程中选VUE2.x。3.x的,我使用好像有问题。2.x没有问题。
**
这里插一嘴,也可以用VSCode的终端,打开一个文件夹在里面创建
4。创建完项目,便可以添加ElementUI的引入。
命令行进行当前创建的项目里,然后输入:npm i element-ui -S
这里命令直接到ElementUI官网上面去查看就行
按完上面的这些东西,基本上就可以开发了。
在VSCode里打开创建的项目。然后打开main.js里面可以看到Element项目相关的东西,说明是可以了
再插一嘴。我在创建的时候没有《Vue.use(ElementUI)》这一句,然后启动报错,参考官网添加后就可以了。
这样就行了。
然后就是开发了。组件什么的参考ELEMENTUI的。直接复制修改。
完毕~