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