vue项目起步准备

Posted -constructor

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目起步准备相关的知识,希望对你有一定的参考价值。

1. 项目环境:

node.js运行环境(不一定要最新特性的最新版本,用合适的版本即可

2.项目放在git上管理(网上云仓库码云)

1.创建仓库:选择语言js

2.本地代码和线上代码通过git做成关联,本地写的代码线上也可以保存

代码丢失 /代码回滚和回溯

3.本地线上关联:

  • 本地安装git
  • 本地生成SSH公钥
  • ssh-keygen -t rsa -C "xxxxx@xxxxx.com"  //生成
    
    cat ~/.ssh/id_rsa.pub  //获取公钥

    公钥配置到码云的线上仓库

  • 本地有个私钥  和线上的公钥进行了一个打通 ,上传下载就不需要输入账号和密码 
    无账号密码的上传和下载
  • 首次使用需要确认并添加主机到本机SSH可信列表
  • ssh -T git@gitee.com

     

4. 线上代码下载到本地

git clone ssh网址

3.创建vue项目

1.安装vue-cli(命令行工具) 

优点:快速创建启动带热重载,保存时静态检查以及可用于生产环境的构建配置的项目

npm install --global vue-cli

2. 创建vue项目

cd desktop   //切到桌面

vue init webpack 仓库名字
Runtime + Compiler  //运行时和普通时编译
install vue-router  //使用路由
Use ESlint to lint your code//工整度检查
Standard//代码监测规范
Set up unit tests // 是否单元测试  NO
Set up e2e tests with Nightwatch  // e2e端到端测试 no

剩下脚手架工具帮你下载依赖

cd 仓库
npm run dev //帮你自动化打包

3.在仓库目录下运行git代码上传文件

git status  查看是否有新文件

git add .   增加本地缓冲区

git commit -m "描述"

git push

 

 

以上是关于vue项目起步准备的主要内容,如果未能解决你的问题,请参考以下文章

不习惯的 Vue3 起步六 の Echarts绘制下钻地图

不习惯的 Vue3 起步六 の Echarts绘制下钻地图

不习惯的 Vue3 起步六 の Echarts绘制下钻地图

vue3项目起步之代码规范,element-plus axios集成

vue cannot get / 报错。。。

vue.js 的起步