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  开启服务,复制给出的链接,在浏览器打开,则是新创建的项目模板。
上一篇下一篇

猜你喜欢

热点阅读