Сборка проекта Vue

  1. Создание среды NodeJs
  • Скачать на https://nodejs.org/zh-cn/

  • Проверьте версию узла, появление номера версии свидетельствует об успешной установке

     node -v
    
  • изменить источник зеркала Taobao для повышения скорости, в будущем использовать cnpm вместо npm

     npm install -g cnpm --registry=https://registry.npm.taobao.org
    
  1. Постройте среду Vue
  • Установите Vue-Cli глобально

     cnpm install -g @vue/cli
    
  • Проверьте установленную версию

     vue -version
    
  • Версия слишком низкая

     npm update -g @vue/cli
    
  1. Создать проект
  • vue create <имя проекта>
  • создайте папку проекта
  • npm run serve Запустите проект
  1. Конфигурация инициализации проекта
  • Проект запускается и автоматически открывает браузер

     --- package.json
      "scripts": {
         "serve": "vue-cli-service serve --open",
         "build": "vue-cli-service build",
         "lint": "vue-cli-service lint"
       },
    

    Проблема — URL открывается по адресу 0.0.0.0:8080

     --project- vue.config.js
     module.exports = defineConfig({
       transpileDependencies: true,
       devServer: {
         host: "localhost",
         port: 8080,
       },
     });
    
  • Отключите функцию контрольной суммы eslint

     --project- vue.config.js
     lintOnSave: false
    
  • Настройте для папки src псевдоним @,@ для папки src, чтобы облегчить поиск файлов

     --project--jsconfig.json
     {
       "compilerOptions": {
         "baseUrl": "./",
         "paths": {
           "@/*": [
             "src/*"
           ]
         }
       },
       exclude:[
       "node_modules",
       "dist"
       ]
     }
    

Оцените статью
devanswers.ru
Добавить комментарий