Vue3系列1–配置環境和創建項目

下載地址:下載 | Node.js 中文網

在安裝的過程中建議不要裝在C盤,安裝完成配置環境變數,並且建議講快取路徑更改。

安裝完成後通過查看nodejs版本和npm版本,在終端輸入 npm –version 和node –version,如下圖所示:

2.構建vite項目

官方文檔地址:開始 {#getting-started} | Vite中文網 (vitejs.cn)

使用vite初始化一個項目:

npm

npm init vite@latest

Yarn

yarn create vite

運行之後

  package json 命令解析

{
  "scripts": {
    "dev": "vite", // 啟動開發伺服器,別名:`vite dev`,`vite serve`
    "build": "vite build", // 為生產環境構建產物
    "preview": "vite preview" // 本地預覽生產構建產物
  }
}

3 安裝Vue cli腳手架

npm install @vue/cli -g // 安裝
vue create <project> // 創建項目

構建我們的cli 項目可以去對比一下。

Tags: