1.配置服務器

直接使用帶nodejs的服務器進行啟動

• 安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

• 安裝vue

cnpm install -g @vue/cli

2.創建項目

2.1使用npm 創建項目

• 創建項目

vue create www

• 啟動項目

cd www
npm run serve

2.2使用vite創建項目

建議使用vite創建項目，因為vite速度非常的快，相當于秒開。
項目創建完之后預覽調試可以直接使用。不需要配置其他的選項。

3.預覽調試

• 配置預覽調試文件.vscode/preview.yml

# .vscode/preview.yml
autoOpen: false # 打開工作空間時是否自動開啟所有應用的預覽
apps:
  - port: 8081 # 應用的端口
    run: npm run serve  # 應用的啟動命令
    root: ./www # 應用的啟動目錄
    name: my-second-app # 應用名稱
    description: 我的第一個 App。 # 應用描述

• 配置外網訪問權限
  新建一個vue.config.js，添加一下內容。

module.exports = {
    devServer: {
      disableHostCheck: true
    }
  }

4. 啟動預覽窗口

ctrl+shift+p，輸入preview。