精华内容
下载资源
问答
  • 项目初始化
    千次阅读
    2022-02-17 18:15:02

    项目初始化步骤:

            一、 vue ui 创建项目

            二、安装依赖 / 插件

            三、上传本地项目到Gitee/Github

    一、vue ui 创建项目

    1. iTerm打开vue GUI

    vue ui

    (2)功能选择:Babel(方便使用es6/es7语法)、Router(路由)、Linter/Formatter(用ESlint、Prettier 检查代码格式)

    (3)配置:

    ·默认不选 history router

    ·pick a linter 选 ESlint standard config

    ·lint on save(保存时自动校验代码)

    二、安装依赖/插件

    1. 插件:Element-UI

    搜索:vue-cli-plugin-element 👉 import on demand

    2. 依赖:axios(运行依赖)

    三、上传本地项目

    1. 远程创建仓库

    2. 根据git命令提示进行操作


    小知识点:

    1. git 三步走:

    1⃣️git add . (将当前文件添加到暂存区)

    2⃣️git commit -m "本次更新的内容提示"  将暂存区的内容转到本地的分支(默认是master)

    3⃣️git push (将本地分支的内容推到远程仓库)

    ps:git remote -v (查看本地仓库的关联情况)

    2. clone 代码:复制SSH👉cd到某个目录👉git clone SSH👉进入code .

    3. control +c 👉终止当前终端运行的程序

    control +l 👉 清屏

    4. 更新本地代码:git pull

    5.标签内加:代表后面" "里的内容不是普通的字符串,而是数据域的变量(:model或:rule)

    更多相关内容
  • 项目初始化 步骤全

    千次阅读 2021-01-24 19:20:14
    安装完成后就可以输入vue ui 命令来启动图形界面 通过Vue脚手架创建项目 创建一个新项目 如果是第一次配置的话,就可以选择手动,当然也可以直接使用以前配置好的 一些基本功能(按需选择即可) 按需选择配置 ...

    Vue脚手架安装

    npm install -g @vue/cli
    

    安装完成后就可以输入vue ui 命令来启动图形化界面

    通过Vue脚手架创建项目

    1. 创建一个新项目
      在这里插入图片描述
    2. 如果是第一次配置的话,就可以选择手动,当然也可以直接使用以前配置好的
      在这里插入图片描述
    3. 一些基本功能(按需选择即可)
      在这里插入图片描述
    4. 按需选择配置
      在这里插入图片描述
    5. 如果希望把这次设置好的留着下次使用 可以给他起一个名称,留这下一次直接使用。
      在这里插入图片描述

    配置Element-UI组件库

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    配置axios库

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    今天的我依旧爱你

    那一年她爱上了他,她是个可爱而漂亮的女人,而他是个一无所有且懒惰的男人。朋友都不看好他们,父母也说她这是用自己的幸福在赌。交往后,他像变了个人似的奋发上进,若干年后他有了自己的事业和魅力,她问他当年怎么会突然像变了个人一样,他回答:你用一生的幸福做赌注,我怎么舍得让你输。

    展开全文
  • vue3项目初始化

    千次阅读 2022-03-03 20:42:27
    vue3项目初始化 1、在终端输入 npm install -g @vue/cli 2、创建一个文件夹vueDemo,打开所在终端 vue create vue3-demo 3、在生成的vue3-demo文件中,打开终端,启动项目 npm run serve 4、打开项目 ...

    vue3项目初始化

    1、在终端输入

    npm install -g @vue/cli

    2、创建一个文件夹vueDemo,打开所在终端

    vue create vue3-demo

    3、在生成的vue3-demo文件中,打开终端,启动项目

    npm run serve

    4、打开项目

    localhost:8080

    显示效果:

    在这里插入图片描述

    展开全文
  • uni-app 项目初始化

    千次阅读 2022-02-08 20:44:39
    初始化uniCloud云开发环境1. 创建 uniCloud 云开发环境2. 创建并关联云服务空间1. 右击项目中的 uniCloud,点击关联云服务空间或项目2. 创建服务空间1. 点击 新建2. 填写 服务空间,并点击创建3. 关联云服务空间4. ...

    1. 创建 uni-app 项目

    1. 打开 HBuilder 软件

    在这里插入图片描述

    2. 依次点击 文件 → 新建 → 项目

    在这里插入图片描述

    3. 点击 uni-app,并输入 项目名称,项目位置等信息并单击创建即可。

    在这里插入图片描述

    4. 在项目栏中点击项目名

    在这里插入图片描述

    2. 初始化uniCloud云开发环境

    1. 创建 uniCloud 云开发环境

    在这里插入图片描述

    • 项目→创建云开发环境→腾讯云或阿里云
    • 这里建议学习的时候用阿里云,因为免费。腾讯云好像也免费,但力度没有阿里云大。详情可以查看 https://uniapp.dcloud.io/uniCloud/price

    2. 创建并关联云服务空间

    1. 右击项目中的 uniCloud,点击关联云服务空间或项目

    在这里插入图片描述

    2. 创建服务空间

    1. 点击 新建

    在这里插入图片描述

    2. 填写 服务空间,并点击创建

    在这里插入图片描述

    • 建议服务空间名和项目名相同,便于辨识。
    3. 关联云服务空间

    在这里插入图片描述

    • 点击刷新后,便能看到刚刚新创建的云服务空间,选中关联即可。
    4. 右键 database,创建 db_init.json

    在这里插入图片描述
    db_init.json 介绍
    db_init.json 是 uniCloud 提供的一个 JSON 格式的文档型数据库,是nosql非关系型数据库。通过使用 db_init.json,可以更快地完成数据库的初始化。
    详情见:https://uniapp.dcloud.io/uniCloud/hellodb?id=db-init

    3. 初始化云数据库

    1. 在 db_init.json 编写数据

    在这里插入图片描述

    2. 右击 db_init.json ,点击初始化云数据库

    在这里插入图片描述

    3. 打开控制台,便可以看到刚刚 db_init.json 中初始化的数据

    在这里插入图片描述

    • 这里已经提供好了初始化数据,大家可以直接复制已经提供 db_init.json 代码然后初始化。

    3. tabbar 初始化

    0. tabbar介绍

    tabbar 相信大家都不陌生,小程序,app都有tabbar,方便页面的切换。
    在这里插入图片描述

    1. 相关目录创建

    1. 为了方便管理,我们在 pages 新建 tabbar 目录,并在 tabbar 页面下创建我们所需的三个页面 home,follow,me。
    2. 创建页面时注意勾选创建同名目录在pages.json 中注册,这样会少掉一些步骤。
      在这里插入图片描述在这里插入图片描述
      创建好的目录结构:在这里插入图片描述

    2. tabbar 代码

    相关参数可以在此查询:https://uniapp.dcloud.io/collocation/pages?id=tabbar

    • tabbar最少2个,最多5个tab在这里插入图片描述
    • 每一个需要显示的 tab 都要在 pages.json 中配置 tabbar。
    "tabBar":{
    		"color":"#666",
    		"selectedColor":"#f07373",
    		"backgroundColor":"#fff",
    		"list":[{
    			"pagePath":"pages/tabbar/home/home",
    			"iconPath":"static/home.png",
    			"selectedIconPath":"static/home-active.png",
    			"text":"首页"
    		},
    		{
    			"pagePath":"pages/tabbar/follow/follow",
    			"iconPath":"static/follow.png",
    			"selectedIconPath":"static/follow-active.png",
    			"text":"关注"
    		},
    		{
    			"pagePath":"pages/tabbar/me/me",
    			"iconPath":"static/my.png",
    			"selectedIconPath":"static/my-active.png",
    			"text":"我的"
    		}]
    	}
    
    • 常用 tabbar 属性
    属性类型必填默认值描述
    colorHexColortab 上的文字默认颜色
    selectedColorHexColortab 上的文字选中时的颜色
    backgroundColorHexColortab 的背景色
    listArraytab 的列表,详见 list 属性说明,最少2个、最多5个 tab
    heightString50pxtabBar 默认高度
    midButtonObject中间按钮 仅在 list 项为偶数时有效
    • list 属性介绍
    属性类型必填说明
    pagePathString页面路径,必须在 pages 中先定义
    textStringtab 上按钮文字,在 App 和 H5 平台为非必填。例如中间可放一个没有文字的+号图标
    iconPathString图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,当 position 为 top 时,此参数无效,不支持网络图片,不支持字体图标
    selectedIconPathString选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px ,当 position 为 top 时,此参数无效
    visibleBoolean该项是否显示,默认显示

    4. 项目代码

    本次学习所用到的 db_init.json 以及 图片素材 在项目代码中可以找到。

    关注公众号回复 20220209 可以获得代码

    展开全文
  • 【Vue】Vue 项目初始化

    千次阅读 2022-03-23 16:23:39
    文章目录一、删除 Helloword.vue二、删除 views 中的文件三、新建 homePage.vue四、修改路由文件五、清空默认根组件、项目样式 如图所示,是我们创建完 Vue 项目后跳转的视图,可以发现其中的内容与我们的项目...
  • Vue项目初始化步骤

    千次阅读 2021-03-09 17:09:36
    1.项目初始化 安装 Vue 脚手架 通过 Vue 脚手架创建项目 配置 Vue 路由 配置 Element-UI 组件库 配置 axios 库 初始化 git 远程仓库 将本地项目托管到 github 中 1.安装 Vue 脚手架 npm install vue-cli -g 2-3....
  • node.js项目初始化操作

    千次阅读 2021-06-28 16:10:38
    为什么要初始化项目 通过项目初始化我们可以通过npm下载项目所依赖的第三方包
  • 如何把本地项目初始化到Gitee上

    千次阅读 2021-08-31 10:26:48
    对于有技术追求的同学,经常会有在本地开发了一些项目,想要把项目初始化推送到Gitee或者是Github上,方便管理。这篇文章就已Gitee为例来说一说如何推送: 首先,本地创建了一个SpringBoot的项目。后在Gitee上新建一...
  • 使用IDEA一键创建springboot项目省了不少事,但是IDEA有时候会出现无法初始化springboot项目的问题: 卡在一步一直转一直转: 然后就出现错误无法创建: 但是此时,你使用浏览器访问 springboot网址: ...
  • electron-vue项目初始化

    千次阅读 2021-02-08 10:16:29
    前端开发人员开发PC端项目绕不过去的两大坑王:electron 和 nwm.js,最近一直有点儿腰疼,所以打算开发一个提醒自己站起来站会儿和定时喝水的程序,安装在电脑上,后续开发完成会开源,大家耐心等待一下~~~ ...
  • SpringBoot项目初始化过慢解决办法

    千次阅读 2021-02-06 00:21:54
    换位阿里镜像,直接起飞 https://start.aliyun.com
  • vue init webpack 项目初始化失败

    千次阅读 2022-03-27 02:20:52
    使用vue-cli(脚手架)搭建项目的时候出现了如下报错 ...终端运行npm install,然后npm run dev初始化失败了,我的webpack构建工具是有问题的,于是卸载了webpack重新安装 参考了卸载webpack的方法和安装webp
  • 二:项目初始化文件—package.json

    千次阅读 2020-09-16 11:20:48
    一:项目初始化 package.json 文件 1:新建一个项目文件夹并用 vscode 打开该文件夹,作为项目根目录文件夹: 2:打开 vscode 的终端命令行,开始初始化 package.json 文件 npm init -y 3:当然,也可以不加最后的...
  • 项目初始化提交到GitLab上

    千次阅读 2020-02-28 11:08:56
    1、第一步:在GitLab上创建一个空的新项目,教程详见以下链接 https://blog.csdn.net/zrcj0706/article/details/104550851 2、第二步:如果你电脑上是第一次使用该GitLab链接(非第一次可以不用配置,说明之前已经...
  • vite项目初始化,只需要4句话。

    千次阅读 2021-01-28 15:58:24
    1、npm init vite-app <project-name> 2、 cd <project-name> //进入项目目录 3、 npm install //安装项目所需依赖 4、 npm run dev //启动项目
  • **项目中,经常碰见需要在项目初始化时完成从mysql的数据写入到缓存如redis中的操作,例如ssm架构项目中,需要某个类实现一个initializeBean的接口,在这个类里面完成初始化的操作,将mysql的数据写到redis或其他...
  • 使用vscode或hbuilderx等ide打开创建好的项目: 结构如下 在src中: app.vue 是所有组件的跟组件 main.js 是项目的打包入口文件 router.js 是路由配置文件 上面都是废话,了解一下就行,接下来开始自定义配置。 一....
  • web项目初始化操作

    千次阅读 2016-02-27 18:19:34
    前言:现在java web一般会用到Spring容器,那么当我们需要在项目初始化,进行一系列操作时该怎么办?很常见的一种情况就是,项目启动时要进行数据库一系列的操作。在讲解具体操作之前先补充一下基础知识: ①web...
  • 使用idea创建springboot项目初始化失败 springinitializr failed 报错信息 Initializationfailedfor‘https://start.spring.io’PleasecheckURL,networkandproxysettings. 解决方案: 进入到IDEA的setting搜索...
  • Vue3.0 - 项目初始化的两种方式

    千次阅读 2021-09-10 17:08:00
    目录前言环境配置初始化3.0项目clivite 前言 // 2.0 升级到 3 // 项目目录下 vue add vue-next 环境配置 先要安装node.js(自行安装) 初始化3.0项目 cli vite
  • git账号及项目初始化 - git系列

    千次阅读 2022-03-14 16:57:15
    git账号及项目初始化
  • Vue初始化项目步骤

    千次阅读 2022-05-07 16:22:34
    一.查看并设置镜像地址(提高下载速度) npm config get registry #查看镜像地址 如果镜像地址不是淘宝镜像地址,为了提高下载速度,就需要输入如下命令设置为淘宝镜像地址:...创建项目文件(必要) vue create 文件名 五
  • VUE项目初始化步骤命令

    千次阅读 2020-01-02 13:41:18
    VUE项目初始化步骤命令 1,安装Node.js; Window安装包 Mac安装包 检查是否安装成功 node -v 显示版本即成功,如图: 2,安装vue-cli脚手架; 打开命令行窗口cmd(window+R,输入cmd后Enter) 在cmd下执行命令 cnpm ...
  • vue3项目初始化及新特性体验(一)

    千次阅读 2020-05-05 22:11:20
    前段时间刚发布了vue3的beta版本,这几天大概上手体验了一下...一、初始化项目 首先,安装脚手架(已经安装过的可跳过此步骤) npm install -g @vue/cli 然后初始化项目, vue create vue3-test 选择自定义模式...
  • flask项目---初始化

    千次阅读 2022-03-19 17:14:47
    1. 新建项目目录xxx,并创建虚拟环境 2. 安装开发中使用的依赖基础模块 pip install flask==0.12.4 -i https://pypi.douban.com/simple pip install flask-redis -i https://pypi.douban.com/simple pip install ...
  • Spring项目启动时执行初始化方法

    千次阅读 2021-03-05 12:48:34
    SpringBoot项目启动时执行初始化操作 SpringBooot中的CommandLineRunner接口会在所有Spring Beans初始化之后,SpringApplication.run()之前执行. 1.添加pom引用 spring boot 启动后执行初始化方法 ...
  • GO环境及初始化项目

    千次阅读 2021-11-02 18:14:20
    GO环境及初始化项目 补充说明:由于VS Code对go mod模式的支持暂时还不够完善,建议大家使用Goland编辑器。 Go的安装 安装基本还是之前的老样子,不过现在的安装早已省事不少,不再需要配置环境变量。直接去官网,...
  • npm初始化项目

    千次阅读 2020-12-20 15:12:26
    npm初始化项目步骤: 1.安装node,在官网下载对应版本安装即可,在此不详述。下载网址:https://nodejs.org/en/ 2.打开DOS窗口,或者快捷键:WIN+R,在运行中输入cmd,点击确定。 3.新建项目文件夹后,在命令行中...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,043,068
精华内容 417,227
关键字:

项目初始化