美文网首页
快速搭建Vue3.0项目(可视化界面)

快速搭建Vue3.0项目(可视化界面)

作者: Simo李军炽 | 来源:发表于2020-12-03 14:08 被阅读0次

vue必备node.js无需质疑的,本教程是针对vue3.0以上的可视化界面创建的流程。

1.首先得安装node.js

进入Node.js官网:https://nodejs.org/en/ ,选择下载并安装Node.js,下载安装直接下一步下一步。

安装成功后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仓库

b.选手动配置项目

c.选手Router, Vuex, 不用Linter(代码校验)

d.勾上需要历史记录模式

5.测试运行

成功创建项目后,点输出会有对应的链接

6.当然可以在上面选择对应的插件(elementUI为例)

a.搜索

b.安装

相关文章

网友评论

      本文标题:快速搭建Vue3.0项目(可视化界面)

      本文链接:https://www.haomeiwen.com/subject/vbymwktx.html