美文网首页
快速搭建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