Vue2+VantUI移动端项目框架搭建

Vue2+VantUI移动端项目框架搭建

【准备】

装好vue和node环境

当前vue版本@vue/cli 5.0.8 npm@6.14.15 node v14.17.6

【步骤】

1. 初始化项目

选择好项目根目录文件夹，在终端中用cd命令进入该目录，执行vue create 项目名称 ，下一步选择Manually select features，下一步勾选Router、VueX、CSS Pre-processors三项，下一步选择2.x，下一步输入n ，下一步选择Sass/SCSS (with dart-sass)，下一步选择In dedicated config files，下一步输入n，然后等待项目初始化完毕。

2. 安装依赖

执行cd 项目名称 进入项目目录，分别执行npm i lib-flexible 和 npm i postcss-pxtorem。

3. 配置文件和代码修改

①用代码编辑器打开项目，在根目录新建vue.config.js,放入以下代码:

const path = require("path");

function resolve(dir) {

return path.join(__dirname, dir);

}