美文网首页
coding、vue-cli框架、打包

coding、vue-cli框架、打包

作者: 婲魢銣佌亾荷姒堪 | 来源:发表于2018-10-23 09:08 被阅读0次

coding上传:

\color{red}{ 第一步:}git init
\color{red}{ 第二步:}git add .
\color{red}{ 第三步:}git commit -m ''项目描述''
\color{red}{ 第四步:}git remote add origin https:// git.coding.net/用户名/项目名.git
\color{red}{ 第五步:}git push origin master

\color{red}{coding简单操作步骤}

1.首先登陆coding网站注册账号https://coding.net/

注册完后需登陆邮箱激活邮件

2.登陆刚注册的coding账号 ,添加项目

添加项目—〉输入项目名称—〉输入对项目的简单描述---〉选择"公开"—〉创建项目

3.安装git 客户端

4.创建本地git 仓库

在本地磁盘创建一个文件夹,用来存放需要push到coding上的文件。打开此文件夹,单击右键—〉 git bash here
输入

git  init

(此步操作完成后,会在此文件夹下生成一个隐藏的.git后缀文件)

5.添加、提交文件到本地仓库

在刚才创建的test文件夹中新建了3个文件,将这些文件添加并提交到本地仓库
用到的命令:

git add . 或者 git add <filename>
git commit –m "项目描述"

6.将本地文件推送到coding服务器

git remote add origin https:// git.coding.net/用户名/项目名.git
git push origin master

vue-cli框架

1.安装cnpm、vue-cli 使用cnpm安装速度较快

cnpm安装:百度搜索淘宝镜像

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

使用cnpm全局安装vue-cli

cnpm install -g vue-cli或cnpm install --global vue-cli

3.vue-cli创建项目

1.在搭建vue-cli之前 必须要确保node已经安装
node下载地址(百度):nodejs.org
2.安装webpack模板

cnpm install webpack -g

3.安装脚手架

cnpm install --global vue-cli

4.初始化项目
vue init 模板名字 项目名字

vue init webpack 你给这个项目起的名字

注意:vue-router 是Yes直接回车,其他的都是No 打个n再回车
5.安装相关依赖

cnpm install

6.所有的模块都安装好了 开启一个服务

npm run dev

打包

1.打开你要打包的项目的文件夹在里面打开git(打开此文件夹,单击右键—〉 git bash here)
2.打包:

cnpm run build

相关文章

网友评论

      本文标题:coding、vue-cli框架、打包

      本文链接:https://www.haomeiwen.com/subject/aohozftx.html