一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第6天，点击查看活动详情。
vue2.0
安装脚手架
npm install -g vue-cli
npm install -g cnpm --registry=registry.npm.taobao.org //可用可不用
cnpm install -g vue-cli
生成项目
vue init webpack Vue-Project // webpack 是模板名称webpack基于webpack，用得较多，包含eslint、unit等；webpack-simple基于webpack，更简洁，无eslint、unit
cnpm install；
vue -cli4项目创建
全局安装：npm install @vue/cli@版本号 -g
全局卸载：npm uninstall @vue/cli@版本号 -g
项目创建
vue create base（项目名）
vue3.0 和 vite
yarn global add create-vite-app@1.18.0
创建项目
cva vue3-ui
或者
create-vite-app vue3-ui
vue-element-admin
问题：
在使用 vue-element-admin 的时候，最近突然发现 npm install 初始化要不就卡那里，要不就启动失败，显示缺各种包，一开始以为是国内国外的问题，后来发现并不是。
解决：
-
安装git
-
下载源码
-
打开源码文件中的.github文件
-
右键打开git bash
- 这样等待初始化完成就行了
less
框架：
npm install less less-loader --save-dev
直接用less报错是因为@vue/cli4 用 最新版的less-loader 版本过高，
-
在使用less之前，项目已经添加了less less-loader依赖项，查看资料后发现是less-loader版本过高导致
-
既然知道是因为版本过高，那就重新安装低版本的less-loader好了，具体操作如下：
-
第一步：卸载之前安装的less-loader
-
命令：npm uninstall less-loader
-
第二步：安装低版本less-loader
-
命令: npm install less-loader@4.1.0 --save-dev
-
第三步：重新安装less
-
命令：npm install less --save-dev
-
第四步：加载依赖
-
命令：npm install
-
最后重新运行项目，报错消失
非框架less的使用：
安装 npm install less less-loader style-loader css-loader --save-dev
配置
{
test: /.less$/,
use: [
'style-loader', //3.把css放到节点里面进行编译
'css-loader', //2.加载css
'less-loader' //1.编译less
]
}
创建：
创建.less文件，编写css样式
在ts文件中导入
import './style/index.less'
Postcss包可解决浏览器兼容问题
