vue pc网站用什么工程

Vue.js可以使用多种工程来构建PC网站，常用的工程包括：

1. Vue CLI（Vue Command Line Interface）：Vue CLI是Vue.js官方提供的一个用于快速构建Vue项目的脚手架工具。它集成了一系列开发工具和配置，能够帮助开发者快速创建、配置和发布基于Vue.js的应用程序。使用Vue CLI可以快速搭建开发环境，并提供了开箱即用的webpack配置。

2. Nuxt.js：Nuxt.js是基于Vue.js的一个通用应用框架，可用于创建服务器渲染的Vue.js应用。它将Vue.js与Node.js和Vue Router集成在一起，提供了服务端渲染、静态生成以及动态渲染等多种渲染模式。Nuxt.js提供了很多默认配置和优化，方便开发者构建高性能的PC网站。

3. Element UI：Element UI是基于Vue.js的一套UI组件库，适用于构建PC网站。它提供了丰富的UI组件和交互效果，开发者可以通过引入Element UI来快速搭建PC网站的界面。Element UI的组件库和Vue.js紧密集成，能够提高开发效率，并产生具有一致风格和良好用户体验的PC网站。

4. Bootstrap-Vue：Bootstrap-Vue是基于Vue.js的一个库，提供了对Bootstrap CSS框架的完整封装。它能够让开发者在Vue.js中快速使用Bootstrap的样式和组件，方便构建响应式的PC网站。Bootstrap-Vue提供了一套简洁、直观和易于使用的API，开发者可以通过简单的操作实现布局、导航、表单以及其他常用的UI组件。

以上是常用的几种工程，开发者可以根据具体需求选择合适的工程来构建PC网站。无论选择哪种工程，都可以借助Vue.js的灵活性和强大的生态系统来构建优秀的PC网站。

在Vue.js框架中，开发PC网站可以使用多种工程进行构建。以下是常用的工程方案：

1. Vue CLI：Vue CLI是官方推荐的脚手架工具，提供了快速搭建和开发Vue项目所需的各种工具和配置。通过Vue CLI，可以方便地创建新的Vue项目，并且自动集成了Webpack、Babel等插件，使得开发环境配置变得简单。

2. Nuxt.js：Nuxt.js是一个基于Vue.js的服务端渲染（SSR）框架，专注于构建应用程序的传统服务器渲染的应用。Nuxt.js提供了一些预设的文件结构和约定，使得开发者能够快速搭建一个具备服务端渲染能力的Vue应用。使用Nuxt.js可以方便地构建SEO友好的PC网站。

3. Element UI：Element UI是一套基于Vue.js的前端UI框架，专为PC端网站设计。它提供了一系列的高质量组件和布局，能够快速构建出美观、响应式的PC网站页面。Element UI还提供了丰富的主题和样式定制选项，使得开发者可以轻松地定制自己的网站风格。

4. Bootstrap Vue：Bootstrap Vue是基于Vue.js的Bootstrap组件库，它结合了Vue.js的响应式特性和Bootstrap的样式风格，能够帮助开发者快速构建出适配PC端的网站。Bootstrap Vue提供了丰富的组件和布局选项，使得开发者能够轻松地构建出符合Bootstrap风格的PC网站。

5. Vue Router：Vue Router是Vue.js官方提供的路由管理器。通过使用Vue Router，开发者可以方便地实现多页面的路由跳转和导航功能，从而构建出多页面的PC网站。Vue Router还提供了丰富的路由配置选项，使得开发者能够灵活地控制页面之间的跳转和切换。

以上是常用的Vue.js工程方案，开发者可以根据自己的需求和熟悉程度来选择合适的方案进行PC网站的开发。

在使用Vue构建PC网站时，可以选择使用Vue CLI作为工程化工具。Vue CLI 是Vue.js官方提供的一个快速搭建Vue项目的脚手架工具，它能够帮助开发者快速搭建项目基础架构，提供了一系列开发工具和约定配置，大大减少了项目的配置时间和复杂度。

下面是使用Vue CLI构建PC网站的操作流程：

1. 安装Node.js：Vue CLI 需要依赖Node.js环境，先下载并安装Node.js。

2. 安装Vue CLI：在命令行中执行以下命令进行全局安装Vue CLI。

npm install -g @vue/cli

3. 创建新项目：在命令行中进入要创建项目的目录，执行以下命令以创建新项目。

vue create project-name

其中，project-name为项目名称，可以根据实际情况自行命名。

4. 选择项目配置：执行上一步后，会提示选择项目配置的方式，可以选择默认配置或自定义配置。默认配置包括基本的Babel和ESLint配置，也可以选择自定义配置进行更详细的配置。

5. 安装依赖：进入项目目录，执行以下命令安装项目依赖。

cd project-name
npm install

6. 启动开发服务器：执行以下命令启动开发服务器。

npm run serve

7. 开发页面：在项目目录中，打开src目录，可以看到项目的基本目录结构。在src目录下创建相关组件，编写页面逻辑。

8. 构建项目：开发完成后，可以执行以下命令构建项目。

npm run build

执行上述命令后，会在项目目录下生成一个dist目录，里面包含了编译后的静态文件。

9. 部署项目：将dist目录中的文件部署到服务器上，即可将Vue构建的PC网站正式发布。

以上就是使用Vue CLI构建PC网站的操作流程，请根据实际情况进行相应的配置和开发。