二、配置环境(vue3)

  1. 安装nodejs

    安装后校 npm -v  否安装成功,建议14版本
  2. 构建vite项目

    npm
    npm init vite@latest
    

    yarn

    yarn create vite
  3. 创建项目

     
    这里不小心把文件创建到了C盘,我剪切到了其他目录,可以自行决定

    a. 把项目导入编辑器,切换目录
    b. 执行npm install,根据package.json下载相关依赖
    c. npm run dev 启动项目
    package.json命令解析

    {
      "scripts": {
        "dev": "vite", // 启动开发服务器,别名:`vite dev`,`vite serve`
        "build": "vite build", // 为生产环境构建产物
        "preview": "vite preview" // 本地预览生产构建产物
      }
    }
  4. 安装vue-cli脚手架

    npm install @vue/cli-g

    vue -V   检查是否安装成功
  5. cli创建项目

    vue create <project>
posted @ 2022-06-30 16:18  紫花地丁year  阅读(104)  评论(0编辑  收藏  举报