vue-cli3 项目搭建

hey ~ 我是肥阳，后期会持续更新，请记得点赞支持哟
具体操做请前往官网：cli.vuejs.org/zh/

1、安装 node.js && npm 最新版本

node -v
npm -v
查看版本/是否安装成功

2、安装 vue cli 3

npm install -g @vue/cli

vue --version
查看版本/是否安装成功

3、建立项目

方式一：vue create xxx(项目的名字) - 回车进行预设配置：
方式二：vue ui 使用图形化界面建立/管理项目
下面是方式一的建立步骤：
若是第一次建立项目 选择第三项 回车进行自定义配置

空格键是选中与取消，A键是全选。
按照项目需求进行选择，选择完毕后按回车进入下一步
如下是我在项目开发中经常使用的选择配置

配置完毕后回车等待 ... ...

cd demoes 进入到项目根目录
npm run serve 启动项目

恭喜你，到这儿项目就建立成功啦 ~

下面让咱们看一下项目目录结构

启动服务自动打开浏览器配置
找到 package.json 文件
加个字段 "--open"

4、自定义配置

在项目 根目录 下建立 vue.config.js 文件
具体配置请参考文档 : cli.vuejs.org/zh/config/

5、组件库

①、cube-ui：didi.github.io/cube-ui/#/z…
②、element：element.eleme.cn/#/zh-CN
③、mint-ui:mint-ui.github.io/#!/zh-cn