1.准备工作，node npm或者yarn 环境，（自行百度）
2 安装cli3.0
npm install -g @vue/cli
# OR
yarn global add @vue/cli
查看是否安装成功
vue --version
2.新建项目
vue create logic
第一个是默认模版，第二个是手动选择需要的模块 空格健选中
image.png
image.png
回车默认同意
cd logic
yarn||npm serve
目前为止一个自定义模块的vue项目就创建好了
image.png
3.根目录下运行 vue ui ;
vue ui
image.png
接下来针对vue ui 管理界面对新建的vue项目进行必要的优化
4 . 安装element-ui 当然可以选择自己喜欢的
image.png
首先导入项目
image.png
image.png
image.png
image.png
按照这种方式添加你需要的插件，会生成一个默认的配置文件；
Vant UI + Vue + Cli3.0 + Rem移动端项目搭建 1. 创建vue项目 创建项目 引入les...
1.准备工作，node npm或者yarn 环境，（自行百度）2 安装cli3.0 查看是否安装成功 2.新建项目...
vue cli3.0快速搭建项目详解（强烈推荐）[https://www.cnblogs.com/coober/p...
vue cli3.0快速搭建项目详解（强烈推荐）[https://www.cnblogs.com/coober/p...
基于vue cli3.0 搭建的项目，通过prerender-spa-plugin 插件进行预编。其中配置文件vu...
文章主要记录内容： Vue CLI3.0环境搭建过程 Vue目录结构及其配置 component组件注册和使用 V...
如何运行vue项目vue-clinpmnode.js vue.js如何打开已有的项目。自已折腾了一下，成功搭建好项...
本文主要内容基于 vue-cli 快速搭建 Vue 3.0 项目 快速搭建 Vue 3.0 项目 版本 升级vue...
使用 vue-cli 脚手架搭建项目：vue-cli是官方发布的 vue.js 项目脚手架，快速搭建 vue 项目...
教你搭建 nodejs+mongoose+Graphql+Vue+Typescript 框架（下） 前端: Vue...
本文标题：vue cli3.0 教你如何搭建自己的vue项目
本文链接：https://www.haomeiwen.com/subject/yyhvzqtx.html
网友评论