- 安装nodejs,安装成功后,在命令行"node -v",查看版本信息,在命令行"npm -v"查看版本。
- 安装淘宝镜像,在命令行键入"npm install -g cnpm --registry=https://registry.npm.taobao.org"
-
安装vue-cli3
npm install -g @vue/cli
输入Vue -V查看版本信息
-
创建项目
cd进入你存放项目的文件夹,在命令行键入"vue create 项目名"
-
根据需求选择配置,按上下键选择,space键选择
-
在该项目下安装vant,npm i vant -S
-
安装插件,npm i babel-plugin-import -D
-
// 在.babelrc 中添加配置
// 注意:webpack 1 无需设置 libraryDirectory
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}// 对于使用 babel7 的用户,可以在 babel.config.js 中配置
module.exports = {
plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant']
]
}; -
cd进入新建的项目,在命令行键入“npm run serve”,打开项目成功
创建vue项目+配置vant(自用)
最新推荐文章于 2023-06-11 00:37:34 发布