安装脚手架（vue-cli）
$ npm install @vue/cli -g //全局安装最新的脚手架
创建项目
$ vue create vue-demo
在创建项目的时候可以使用
$ vue ui
来进行创建，两种方式在创建的时候，直接选择上router和vuex，来进行项目创建
移动端Vant
# 通过 npm 安装
$ npm i vant -S
# 通过 yarn 安装
$ yarn add vant
我这里都是使用的按需引入，用了
babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式
Vue CLI 4.x 创建企业级项目的方法步骤详细指南
在开始构建企业级的 Vue.js 应用时，Vue CLI（命令行界面）是必不可少的工具。Vue CLI 提供了一个快速、方便的方式来设置新项目的结构，包括集成路由、状态管理和其他必要的组件。以下是使用 Vue CLI 4.x 创建项目的方法：
1. **安装 Vue CLI**
你需要在全局环境中安装 Vue CLI。在终端中运行以下命令：
```
$ npm install @vue/cli -g
```
这会安装 Vue CLI 的最新版本。
2. **创建项目**
安装完成后，你可以创建一个新项目。有两种方法：
- 使用命令行工具：
```
$ vue create vue-demo
```
- 或者通过图形用户界面（GUI）：
```
$ vue ui
```
在创建项目的过程中，建议选择包含 `router` 和 `vuex` 的预设选项，因为它们对于大型项目来说非常重要。`router` 负责应用的路由管理，而 `vuex` 是 Vue 的状态管理库。
3. **移动端 Vant UI 框架**
Vant 是一套轻量级的移动端 UI 组件库，适用于 Vue.js。安装 Vant 可以通过 npm 或 yarn：
- npm：
```
$ npm i vant -S
```
- yarn：
```
$ yarn add vant
```
为了实现按需加载，你还需要安装 `babel-plugin-import`：
```
$ npm i babel-plugin-import -D
```
然后在 `.babelrc` 或 `babel.config.js` 文件中配置插件，如下所示：
```json
// .babelrc 或 babel.config.js
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}
```
4. **Rem 适配**
在移动设备上，为了实现响应式设计，通常会使用 rem 单位。Vant 默认使用 px，但可以通过以下步骤实现 rem 适配：
- 安装 `postcss-pxtorem` 和 `lib-flexible`：
```
$ npm install postcss-pxtorem --save-dev
$ npm install amfe-flexible --save || npm install --save lib-flexible
```
- 在 `main.js` 中引入 `lib-flexible`：
```javascript
import 'lib-flexible';
```
- 创建 `postcss.config.js` 文件并配置：
```javascript
module.exports = {
plugins: {
'autoprefixer': { browsers: ['Android >= 4.0', 'iOS >= 8'] },
'postcss-pxtorem': {
rootValue: 37.5,
propList: ['*']
}
}
}
```
5. **使用 Iconfont**
- 下载 Iconfont 字体图标到 `src/assets/Iconfont` 目录。
- 在 `main.js` 中引入 `iconfont.css`：
```javascript
import './assets/Iconfont/iconfont.css'
```
- 在 HTML 或 Vue 组件中使用图标类，例如：
```html
<i class="iconfont iconsearch"></i>
```
- 如果需要使用 Sass（SCSS），确保已经安装了 `sass-loader`：
```
$ npm install sass-loader --save-dev
```
通过以上步骤，你将拥有一个配备了基本框架和移动端适配的企业级 Vue 项目。接下来可以根据实际需求添加更多的库、插件和自定义配置，以满足项目的特定需求。记得持续更新依赖，保持项目的稳定性和安全性。
