vue-cli快速搭建vue项目并上传github

Vue Cli 4 引入 Cesium 配置 一个简单的 Vue Cli 4 引入 Cesium 的架子,可以直接拉取项目,自己扩展。欢迎试用,可以 Star 哟! 阅读详情

首先我们先用vue-cli快速搭建vue项目。

假设你的电脑上已经安装好了nodejs(如何安装nodejs此处跳过,网上很多教程),那么接下来就安装vue-cli。

1、全局安装vue-cli,代码如下;

npm install vue-cli -g

2、用vue-cli快速创建vue项目(模板),代码如下;

vue init webpack projectname

其中会有提示,一路回车,使用默认的就ok。projectname为你项目名称,自拟。

现在你就可以看到你的目录下有了   projectname  这个文件夹。

3.然后进入目录

cd projectname

4、初始化这个文件夹为一个git可管理仓库

git init
我们能够发现在当前目录下多了一个.git的目录,这个目录是Git来跟踪管理版本库。

5、在github创建远程仓库,仓库名字和本地项目名称一致

6、将本地仓库与远程仓库关联

git remote add origin git@github.com:zhang478/vue-mode.git

7、将本地文件提交到远程仓库。

此处我使用了webstorm配置的git提交代码,但是遇到一点问题,手残将远程仓库的reademe文件删除了,导致push一致失败,然后网上找了一下解决方案。

push报错:

Push rejected: Push to origin/master was rejected

解决方案:

通过一下代码合并

git pull --rebase origin master

然后再次push,ok,解决。 success!!

8、将代码推送到github之后,现在安装插件模块

npm  install
9、奔跑吧,项目

npm  run  dev

现在你可以在浏览器中看到你的项目页面了!!


拼团系统设计-人群标签的设计与思考 最近在学习一个拼团项目中涉及到的人群模块的设计,写下一些实现与思考。 阅读详情

相关推荐

PDMS二次开发入门:手把手教你用PML2写第一个交互式窗体工具

本文详细介绍了如何使用PML2进行AVEVA PDMS二次开发,从零开始构建交互式窗体工具。通过PML2语言的面向对象特性、即时调试能力和深度系统集成优势,开发者可以高效创建自动化设计工具、批量修改属性和定制报表系统。文章包含开发环境配置、基础语法、窗体架构设计、事件处理等实战内容,帮助读者快速掌握PDMS二次开发技能。

weixin_29281941的博客 271

学习记录之 github部署vue项目

使用github部署vue项目

弋码的博客 796

搭建PX4开发系统(Ubuntu 22.04)

本文是《从零开始学 PX4 无人机开发》系列第二篇,适合开发者在 Ubuntu 系统下快速搭建 PX4 编译与仿真环境,支持 QGroundControl、Gazebo、MAVSDK 等完整工具链。

qq_15856721的博客 4201

手把手教你初始化Vue项目并部署在github上

手把手创建Vue项目,并部署在github上

xuan950205的博客 3015

瑞芯微RK3576上手实测:8nm新U配6TOPS NPU,做AIoT项目选它还是RK3588/RK3568?

本文深度评测瑞芯微RK3576芯片在中高端AIoT项目中的表现,对比RK3588和RK3568的性能差异。RK3576采用8nm工艺,配备6TOPS NPU,在解码能力、AI推理效率和功耗控制方面表现均衡,是中端项目的黄金选择。实测数据显示其在多路视频解码和AI加速性能上优势明显,特别适合智能摄像头和工业HMI设备。

weixin_42627853的博客 717

告别手动拖拽!PyQt5/PyQt6 QTableView列宽自适应窗口的三种实战方案(附性能对比)

本文详细介绍了PyQt5/PyQt6中QTableView列宽自适应窗口的三种实战方案,包括Stretch模式、resizeEvent手动计算和ResizeToContents模式,并附有性能对比。帮助开发者解决窗口大小变化时列宽不变的常见问题,提升用户体验和开发效率。

weixin_42538752的博客 233

使用Github Actions自动部署vue项目

使用Github Actions自动部署vue项目

2302_77290281的博客 953

Java后端中的链路追踪:使用OpenTelemetry实现全链路监控

在现代的微服务架构中,链路追踪是监控和优化系统性能的关键技术。通过链路追踪,我们可以跟踪请求在系统中的流转,识别性能瓶颈,定位问题根源。本文将介绍如何在Java后端应用中使用OpenTelemetry实现全链路监控,包括具体的实现步骤和代码示例。通过集成OpenTelemetry,您可以实现全面的链路追踪,帮助您识别瓶颈和潜在问题,从而提升系统的可靠性和用户体验。OpenTelemetry是一个开源项目,旨在提供统一的工具集来收集、处理和导出应用程序的遥测数据,包括跟踪、度量和日志。

聚娃科技开发者博客 1727

Vue/React项目部署到Github

根目录下新建 .github 文件夹,然后在其目录下新建 workflows 文件夹,在里面新建 main.yml。如果没有的话,请到GitHub上新建仓库,并把你本地的项目提交到GitHub上新建的仓库里。# 设置 GITHUB_TOKEN 的权限,以允许部署到 GitHub Pages。# 设置 GITHUB_TOKEN 的权限,以允许部署到 GitHub Pages。npm的版本也根据你的实际使用而定,后面的内容都一样。如果你有封装的话,如上图,可能是一个变量,一般都在根目录的。

weixin_49524770的博客 1461

一文说清STM32CubeMX中文汉化全流程(图解说明)

详细讲解STM32CubeMX中文汉化的完整流程,通过图文并茂的方式手把手教学,解决界面英文带来的使用障碍,让开发更高效。掌握stm32cubemx中文汉化技巧,提升嵌入式开发体验。

weixin_42499004的博客 6275

全景相机APP

以下是一款**全景相机APP**的完整源码,支持全景照片拍摄(多帧拼接)、全景预览、鱼眼矫正、图片保存/分享、360°全景查看等核心功能,基于Android原生Camera2 API(替代过时的Camera API) + OpenCV(图像拼接) + GLSurfaceView(全景预览)实现,适配Android 8.0+设备,可直接编译运行。runOnUiThread(() -> tvFrameCount.setText("已拍摄:" + frameCount + "帧"));// X轴旋转(上下)

寒寒豆豆软件公司的博客 180

部署Vue项目到githubPage中

将Vue项目部署到githubPage上

maohangfei.cn 1370

基于Qt C++开发一套大疆农业无人机的AI飞控系统

如果需要补充**多机协同作业代码**、**农田测绘数据导出**、**作业数据统计大屏**或**移动端地面站适配**功能,可以告知具体需求,我会针对性完善。"开启" : "关闭") << "喷洒,流量:" << flowRate << "L/min";emit errorOccurred(QString("SDK初始化失败,错误码:%1").arg((int)ret));report += QString("问题区域数量:%1\n").arg(info.problemAreas.size());

寒寒豆豆软件公司的博客 381

使用vue-cli构建一个项目并上传到GitHub,生成在线预览地址

使用vue-cli构建一个项目并上传到GitHub,生成在线预览地址

weixin_42541725的博客 2026

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

Vue入门篇:采用vue-cli4 快速搭建开发环境,并将项目发布到github上

1安装node.js 安装node,自带npm,以下检查是否安装成功: 提示node版本,node安装成功 提示npm版本,npm安装成功 2安装vue: npm install -g @vue/cli -g表示全局安装,会安装到node安装目录下 3 创建vue项目 在新文件夹下创建项目: vue create my-project ...

Carlos的博客 737

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

vue系列:vue-cli2、vue-cli3搭建vue项目

一、介绍 vue-cli是一个可以快速搭建vue项目的脚手架,一般搭建一个项目大致可以分为:1、脚手架搭建,2、自己用webpack,gulp等工具搭建。但是第二种需要自己对那些工具特别熟悉,那么怎么去熟悉呢,滚去看官方文档!!今天先来介绍第一种用脚手架搭建一个vue项目 二、安装 1. 确保你已经安装了node,接下来先全局安装vue-cli npm install -g vue-cli 2. ...

分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等 1023

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

使用vue-cli快速搭建一个vue项目

vue-cli是vue官方提供的一个快速搭建vue项目的脚手架,使用它能够快速的构建一个web工程模板。 官网:https://github.com/vuejs/vue-cli 安装vue-cli的命令: npm install -g vue-cli 执行命令之前要保证电脑已经安装nodejs,这是最基本的,不多过述了。 快速上手 我们新建一个module: 切换到该目录: 用vue-cli...

旧时明月丶 523

vue2静态网站使用vue-cli打包以及github部署

vue2静态网站使用vue-cli打包以及github部署

2301_77156888的博客 1170

从零开始快速构建Vue3项目

是目前最推荐的方式来创建 Vue 3 项目,因为它速度快,配置简洁,并且是 Vue 3 的官方推荐工具。打开浏览器并访问 `http://localhost:5173`,你将看到一个基本的 Vue 3 应用程序运行。1、若需要使用不同版本node(兼容新旧项目环境),则需要使用nvm来进行node多版本管理,下载并安装。2、若出现某个依赖安装报错,可以npm install --ignore-scripts,最后再来单独安装报错的依赖。

欧唯薇 2558

使用vue-cli脚手架初始化vue项目

使用vue-cli脚手架初始化vue项目第一步安装:node.js第二步:安装Vue-cli第三步:使用vue-cli脚手架来新建vue项目第四步:启动项目 最近新学了一下很火的vue.js,下面是我的利用所学的初始化一个简单vue项目。 vue-cli 是vue官方提供的一个脚手架工具,用于初始化一个Vue项目; vue-cli的优势: 1、成熟的vue项目架构设计,而且会跟随vue版本的更迭而...

simon-_-的博客 1636

简单vue-cli搭建项目

vue-cli搭建项目 安装node(npm) 添加环境变量(一般都会自动添加) 没有就去电脑=>属性=>高级系统配置=>高级=>环境变量,找到系统变量里的path,点编辑,在后面把npm的目录加上。 安装vue-cli npm install vue-cli -g 创建项目 vue init webpack projectname webpack是初始化时用的模板名 ...

水蓝针织 200

VUE项目创建、打包(window)搭建脚手架并快速创建Vue项目

创建(以下操作均在DOS下运行) Vue CLI Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。Vue CLI 致力于将 Vue 生态中的工具基础标准化。 vue.js官网安装Vue CLI:https://cli.vuejs.org/zh/guide/installation.html npm install -g @vue/cli //-g表示全局安装 # OR yarn global add @vue/cli vue --version //查看安装版本(显示版本即安装成功)

CNOLZP的博客 1093

Node.js+Vue+mysql项目实战入门之环境搭建,项目创建-附github地址

Node进行后端开发,Vue进行前端页面的开发,实现了前后端的分离。在开发中使用Express框架可以快速地开发web应用程序。 1.安装node.js 2.

小蜗牛的博客 3359

Vue 爬坑之路(一)—— 使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、 安装 node.js 首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。 只是这样安装的 node 是固定版本的,如果需要多版本的 nod...

a432143的博客 99

vuejs webapp框架_Vue2.0+Vux搭建一个完整的移动webApp项目

1、说明运用技术:Vue2.0、Vux、vux-loader、vue-cli、vue-router、vuex2、效果图3、实现流程3.1 搭建框架(需要安装好node.js、npm)1、快速搭建项目模板因为项目使用vux,所以推荐使用vux官网的airyland/vux2 模板,vue-cli工具是vue项目的搭建脚手架npm install vue-cli -g // 如果还没安装 vuw-...

weixin_39958248的博客 159

vue手脚架搭建项目介绍_VUE 脚手架项目搭建

1. 概述1.1 说明vue-cli是一个官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目。GitHub地址是:https://github.com/vuejs/vue-cli。2. 搭建2.1 node环境首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示...

weixin_30231327的博客 273
上一篇: css实现文本超出省略号代替
下一篇: vue-cli手脚架模板使用sass
zbctrl
博客等级 码龄9年 2粉丝 29原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值