vue3.0项目搭建

作者: 一名有马甲线的程序媛 | 来源:发表于2018-08-29 15:04 被阅读321次

噩耗噩耗!vue2还没完全搞懂,就更新到 vue3 啦~~~~~

1. 卸载旧版本

如果你之前如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -gyarn global remove vue-cli 卸载它。

2. Node 版本要求

Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvmnvm-windows 在同一台电脑中管理多个 Node 版本。在命令指示符中验证一下新版的nodejs是否安装成功

3. 下载新的vue包

cnpm install -g @vue/cli
# OR
yarn global add @vue/cli
验证一下vue版本是否更新成功

4. 新建vue3.0的项目

vue create hello-world

先选好指定文件夹,然后create,接着一路“傻瓜式安装”就ok啦~

5. 运行程序

yarn serve

使用vue3好处

项目文件清晰明了

6. 获得程序如何开启

yarn
yarn lint

实例操作步骤

  1. 在要新建项目的文件夹中,shift+右键选择“在此处打开Powershell窗口”
  2. vue create demo
    选择二第二项自定义,然后回车

    按下图选择,确定选择哪项按空格键,最后确认回车


    编码规范

webpack配置
添加element-ui到dependencies中

yarn add element-ui

添加element-ui到devDependencies中

yarn add element-ui -D

相关文章

  • vue 3.0 资料整理

    1.0 vue3.0项目搭建:https://www.cnblogs.com/yf-html/p/12753540...

  • Vue3.0 + TS 编译报错 property does n

    1. 场景 在用Vue3.0 + VueRouter4.0 + AntdVue + TS搭建的项目中,编译过程中遇...

  • vue3.0和2.0的区别

    vue3.0和2.0的区别及项目的搭建 - xy19950125的博客 - CSDN博客 vue-cli 3.0 ...

  • vue3.0 项目搭建

    一开始npm、node的安装就不写了。我本地的node和npm的版本是: 1、 打开命令行工具,输入: 2、根据上...

  • 搭建vue3.0 项目

    安装脚手架卸载原来的脚手架 npm uninstall vue-cli -g下载新的脚手架 npm unins...

  • webpack搭建vue脚手架(一)

    vue3.0已经发布有些时日了,考虑可以学起来了,但是自己搭建项目又比较费劲,加上webpack知识需要更新了,刚...

  • vue 3.0 vue.config.js配置

    配置文件的变化 在vue3.0之前,vue-cli搭建的项目,有build和config两个文件夹。在其中可以配置...

  • Vue

    vue3.0项目从0到1 vue3.0项目从0到1-初始化项目[https://www.jianshu.com/p...

  • vue3.0项目搭建

    噩耗噩耗!vue2还没完全搞懂,就更新到 vue3 啦~~~~~ 1. 卸载旧版本 如果你之前如果你已经全局安装了...

  • Vue3.0(vite工具搭建项目)

    vue3.0浅析 前提vue2.X中很多内容被保存下来;vue3.0采用的是typescript进行重构的 几大亮...

网友评论

本文标题:vue3.0项目搭建

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