美文网首页
coding上传及创建vue项目

coding上传及创建vue项目

作者: Crazy丶此木 | 来源:发表于2018-10-23 09:01 被阅读0次

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

    相关文章

      网友评论

          本文标题:coding上传及创建vue项目

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