coding上传及创建vue项目
2018-10-23 本文已影响0人
Crazy丶此木
一、coding上传步骤
1、在想要上传的文件夹中打开Git程序;
2、输入 git init,绑定要操作的项目;
3、输入 git add . ;
4、git commit -m "first commit";
5、第4步后会出现如下提示:
git config --global user.email "you@example.com"
git config --global user.name "Your Name"
将这两条复制到下面的输入区,并将引号里的内容分别改为邮箱和coding的用户名
6、git remote add origin (新建的coding仓库的链接),如:
git remote add origin https://git.coding.net/CTong/123.git
7、输入 git push -u origin master;
8、在焦点闪烁出输入coding用户名,再在弹框中输入coding账户的密码;
9、刷新coding仓库,想要上传的代码出现在coding中后,
再在左侧代码栏中选择Pages服务点击一键开启Coding Pages,后出现的链接及为上传的文件网站。
二、创建vue项目
1、先安装cnpm,搜索“淘宝镜像”,复制下载链接
“npm install -g cnpm --registry=https://registry.npm.taobao.org”
将这个链接输入在git程序中,等一段时间下载完毕;
2、然后安装vue-cli:输入 cnpm install webpack -g;
下载完后输入: cnpm install vue-cli -g;
3、搭建项目:在想要创建vue项目的地方重新开启Git程序,
然后输入 vue init 模板名称 项目名称 如:
vue init webpack app
4、几秒后出现问题 是否创建项目名为 app?
按回车默认,之后3个问题都回车默认
接下来的第一个问题回答y 并回车,剩下的都回答n 并回车;
5、项目创建后,开始安装相关依赖,输入: cnpm install
安装好后文件夹中会出现 node_modules 的新文件夹
6、最后输入 npm run dev 开启服务,复制给出的链接,在浏览器打开,则是新创建的项目模板。