Vue项目环境准备

  一.先安装nodejs和git

  1. 网址:www.nodejs.org/en/download/,傻瓜式安装。
  2. 打开终端工具,命令行cmd,输入指令 node -v, npm -v, 检测是否安装成功,比如成功会显示 v7.10.1(版本号)
  3. 打开码云,注册一个账号,优势:放到git云仓库,版本控制,可以多人开发。点击个人主页--》左侧的项目下的private按钮,点击+号创建项目,填名称,路径等,下拉列表选上JavaScript,添加。gitignore,开源许可证是MIT license,选择公开或者私有,多选框选使用Readme文件初始化这个项目,点击创建。
  4. 在本地安装git,www.git-scm.com,傻瓜式安装(一直下一步),安装完后在cmd输入 git --version,看是否显示 git version 2.10.1(版本号),下一步就是本地项目和码云关联
  5. 打开码云账号的设置--》SSH公钥,点击如何生成公钥--》在桌面创建文件夹(项目)右击鼠标Git Bash Here,(这个类似CMD)--》执行 ssh-keygen -t rsa -C "xxxxxxx@xxxxx.com" (你的邮箱) ,生产公钥和私钥-----> cat ~/.ssh/id_rsa.pub,复制字符串公钥----》回到码云粘贴-----》点击确定(公钥配置到码云网站,本地会有一个私钥,这样就可以上传下载无密码的打通)
  6. 线上的项目clone到本地,复制SSH的地址,回到桌面在命令行,运行 git clone xxxxxxxxxxxxx

     .创建Vue项目,大型网站式需要webpack的,观看Vue官网的命令行工具(CLI)

  npm install --global vue-cli    全局安装Vue-cli

  vue init webpack my-project   创建一个基于 webpack 模板项目  (编译选standaone,路由yes,eslint: yes,pick an ESlint Standard)

        cd my-project 安装依赖 走你 

  npm install

  npm run dev (是否成功)关掉这个服务快捷键 Ctrl+C

  git status  (看看那些目录)

  git add .  (点是选中全部文件,把文件放到缓冲区)

  git commit - m '这里填描述'

  git push   (推到线上仓库,到码云看是否成功) 

posted @ 2020-10-13 10:04  漫漫长路</>  阅读(146)  评论(0编辑  收藏  举报