基础环境
node版本:v16.19.1
npm版本:v8.19.3
vue脚手架版本:v3.12.1
vue版本:v2.x
1. 使用管理员运行cmd命令,切换到即将创建项目的盘符 D: ,输入vue ui,会弹出页面,选择带项目位置,点击在此创建项目
2. 输入项目名,其它默认,如果使用GIT可以在此直接将git初始化,之后下一步
3. 预设选择手动配置项目,下一步之后需要选择功能,基础项目可以只选择Babel,Router,使用配置文件这三个功能即可,功能少选之后可以使用命令行继续添加,下一步
4. 配置中这个不选择,使用路由方式为HASH,勾选后为历史模式
5. 创建项目,可以将保存预设,也可以不保存直接创建项目,如果创建项目时报错请检查cmd是否是管理员运行,网络是否良好,网络不好可以配代理,下载完成后会进入到项目仪表盘页面
6. 点击插件 -> 右上角添加插件 -> 搜索[vue-cli-plugin-element],选择后,右下角安装,安装完成后选择按需导入,完成安装
关闭项目管理面板和cmd窗口,用代码编辑工具打开项目【用管理员打开可以直接在命令行下载依赖】
7. 安装axios,less,less-load
axios安装到运行依赖:npm install axios@0.18.0 -S
less,less-load安装到开发依赖:npm install less-loader@4.1.0 -D,npm install less@3.9.0 -D
8. 导入element-ui组件
使用哪些组件可以在该配置文件中按需导入