从零搭建VUE项目

1,091 阅读1分钟

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 使用图形化界面创建/管理项目
下面是方式一的创建步骤:
如果第一次创建项目 选择第三项 回车进行自定义配置

空格键是选中与取消,A键是全选。
按照项目需求进行选择,选择完毕后按回车进入下一步
以下是我在项目开发中常用的选择配置
配置完毕后回车等待 ... ...
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/…