vue-cli启动服务配置

vue-cli启动服务配置
作者:秋名
撰写时间:2020 年 6 月 18日

1、引入vue.js(前端框架插件):https://cn.vuejs.org/v2/guide/installation.html
2、安装node.js(后台连接):http://nodejs.cn/download/

//Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。

3、注册码云,安装git配置公钥:https://gitee.com/help/articles/4181#article-header0

4、下载码云的代码

cd Desktop //进入桌面
git clone git@gitee.com:qiumingtao/Travel.git
//SSH链接(利用 SSH 协议可以有效防止远程管理过程中的信息泄露问题。)

5、安装Vue命令行工具(CLI)
https://www.cnblogs.com/zhaowy/p/9542369.html

//全局安装 vue—cli
C:\Users\q_min>npm install --global vue-cli
//切换路径
C:\Users\q_min>cd Desktop
//webpack创建项目
C:\Users\q_min\Desktop> vue init webpack Travel
//指定安装好的位置,并打开
C:\Users\q_min\Desktop>cd Travel
//运行端口
C:\Users\q_min\Desktop\Travel>npm run dev

vue-cli 这个构建工具大大降低了 webpack 的使用难度,支持热更新,有 webpack-dev-server 的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就ok。

webpack模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。

vue init webpack Travel项目初始化失败的解决办法:https://m.imooc.com/article/details?article_id=32205
需要注意的是项目的名称不能大写,不然会报错。


6、上传代码到码云

//指定桌面
C:\Users\q_min>cd Desktop
//指定文件
C:\Users\q_min\Desktop>cd Travel
//查看文件
C:\Users\q_min\Desktop\Travel>git status
//添加到Git的缓冲区
C:\Users\q_min\Desktop\Travel>git add .
//提交信息
$ git commit -m "project initialized"
//上传
$ git push

//如果出现这个问题,就重新认证一下邮箱和名称
Run
  git config --global user.email "[email protected]"
  git config --global user.name "Your Name"

to set your account's default identity.
Omit --global to set the identity only in this repository.
//重新输入执行提交命令即可
q_min@DESKTOP-GEG96F2 MINGW64 ~/Desktop/Travel (master)
$ git config --global user.email “你的邮箱”

q_min@DESKTOP-GEG96F2 MINGW64 ~/Desktop/Travel (master)
$ git config --global user.email “用户名”

//提示说没有.git这样一个目录
fatal: not a git repository (or any of the parent directories): .git
在命令行 输入 git init  然后回车就好了
报错:On branch master Your branch is up to date with 'origin/master'. nothing

1、建立一个新的分支
$ git branch newbranch  

2、是否创建成功
git branch

3、切换到你的新分支
$ git checkout newbranch

4、重新提交到新分支上
$ git add .  
$ git commit -m "添加xxx"

5、切换到主分支
$ git checkout master 

6、将新分支提交的改动合并到主分支上
$ git merge newbranch  

7、push代码
$ git push -u origin master

8、删除这个分支
$ git branch -D newbranch



猜你喜欢

转载自blog.csdn.net/Q_MingTao/article/details/106826788
今日推荐