美文网首页
Vue3 使用Vite创建项目

Vue3 使用Vite创建项目

作者: Bobby0322 | 来源:发表于2021-04-01 13:43 被阅读0次

    安装Node.js

    node -v
    v12.18.4
    
    npm -v
    6.14.6
    
    npm config set prefix "D:\nodejs\node_global"
    npm config set prefix "D:\nodejs\node_cache"  缓存目录
    
    npm config get prefix
    D:\Nodejs\node_global
    pm root -g
    D:\Nodejs\node_global\node_modules
    

    安装Vite

    npm install -g create-vite-app
    

    用刚安装的vite创建vue3项目

    create-vite-app projectName1
    cd projectName1
    npm install
    npm run dev
    

    2020年9月18日,Vue3.0版本算是发布了,虽然在很多方面有了较大提升,但显然它还需要不断地进行更新和调整。
    Vue3.0采用TypeScript重写,所以如果想阅读Vue3.0的源码需要学习TS

    Vite是Vue作者开发的一款意图取代webpack的工具。它的实现原理是利用ES6的import会发送请求去加载文件的特性,拦截这些请求,做一些预编译,省去webpack冗长的打包时间。(这种方式建出的项目是Vue3项目,和@vue/cli不同。

    相关文章

      网友评论

          本文标题:Vue3 使用Vite创建项目

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