vue必备node.js无需质疑的,本教程是针对vue3.0以上的可视化界面创建的流程。
1.首先得安装node.js
进入Node.js官网:https://nodejs.org/en/ ,选择下载并安装Node.js,下载安装直接下一步下一步。
![](https://img.haomeiwen.com/i12065451/61e8c421f39f388d.png)
安装成功后node-v :查看版本,是否成功
npm包管理器自带在node.js的
2.安装webpack相关
全局安装webpack,执行命令npm install webpack -g
全局安装webpack-cli,执行命令npm install webpack-cli -g
使用查看webpack版本的命令webpack -v(小写)
3.安装vue脚手架
npm install -g @vue/cli;或者yarn global add @vue/cli
4.启动 vue ui(命令)
a.不用勾选git仓库
![](https://img.haomeiwen.com/i12065451/8e3758f2b7834754.png)
b.选手动配置项目
![](https://img.haomeiwen.com/i12065451/c87c8b17cd46dfe8.png)
c.选手Router, Vuex, 不用Linter(代码校验)
![](https://img.haomeiwen.com/i12065451/4a9e5bf9f0f1a96a.png)
d.勾上需要历史记录模式
![](https://img.haomeiwen.com/i12065451/312db12350e4bb85.png)
5.测试运行
成功创建项目后,点输出会有对应的链接
![](https://img.haomeiwen.com/i12065451/b74df290e3f47c6a.png)
6.当然可以在上面选择对应的插件(elementUI为例)
a.搜索
![](https://img.haomeiwen.com/i12065451/a9a94c1a390cf04e.png)
b.安装
![](https://img.haomeiwen.com/i12065451/20214ab692d3c4f4.png)
网友评论