hey ~ 我是肥阳,后期会持续更新,请记得点赞支持哟
具体操作请前往官网:cli.vuejs.org/zh/
一、安装 node.js && npm 最新版本
node -v
npm -v
查看版本/是否安装成功
二、安装 vue cli 3
npm install -g @vue/cli
vue --version
查看版本/是否安装成功
三、创建项目
方式一:vue create xxx(项目的名字) - 回车进行预设配置:
方式二:vue ui 使用图形化界面创建/管理项目
下面是方式一的创建步骤:
如果第一次创建项目 选择第三项 回车进行自定义配置
按照项目需求进行选择,选择完毕后按回车进入下一步
以下是我在项目开发中常用的选择配置 配置完毕后回车等待 ... ... cd demoes 进入到项目根目录
npm run serve 启动项目
恭喜你,到这儿项目就创建成功啦 ~
下面让我们看一下项目目录结构
启动服务自动打开浏览器配置
找到 package.json 文件
加个字段 "--open"
四、自定义配置
在项目 根目录 下创建 vue.config.js 文件
具体配置请参考文档 : cli.vuejs.org/zh/config/
五、组件库
①、cube-ui:didi.github.io/cube-ui/#/z…
②、element:element.eleme.cn/#/zh-CN
③、mint-ui:mint-ui.github.io/#!/zh-cn
④、Vant Weapp:youzan.github.io/vant-weapp/…