欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

搭建vue2.0+cli3.0+vantUI单页面项目

程序员文章站 2022-06-26 23:29:35
...

1. 先检查node安装情况及版本号

win+R==>cmd==>进入命令行
node -v

搭建vue2.0+cli3.0+vantUI单页面项目

或者直接在vscode内打开终端输入命令
node -v

搭建vue2.0+cli3.0+vantUI单页面项目

2.检查npm

同上,只是输入命令为npm -v

3. 安装vue-cli3.0

在vscode或者Git命令窗口进行
在安装之前先检查一下是否已安装过
命令

// 后面那个V是大写的
vue -V

卸载之前的

npm uninstall vue-cli -g

安装

npm i @vue/cli -g

4.搭建

1、在终端输入

vue create admin

admin-项目名
1)选择 Manually select features
搭建vue2.0+cli3.0+vantUI单页面项目
一般我们选择手动自行更具项目要求配置,这里蓝色表示选中此项,上下键切换选项,按回车键确定。

2)根据公司已有的规范或者项目需求来配置
搭建vue2.0+cli3.0+vantUI单页面项目

这里是选择等下要配置的项,上下键切换选项,空格选中某项。上面是我要配置的项。
enter键确定后,开始一项一项配置
搭建vue2.0+cli3.0+vantUI单页面项目

搭建vue2.0+cli3.0+vantUI单页面项目
然后输入y开始初始化cli, 输入文件名开始配置
搭建vue2.0+cli3.0+vantUI单页面项目
初始化完成结果
搭建vue2.0+cli3.0+vantUI单页面项目
这样就完成基础的搭建了,配置后续补上…

相关标签: vue.js vue-cli3