小白如何搭配Vue框架环境

最新推荐文章于 2024-07-13 10:42:11 发布

原创最新推荐文章于 2024-07-13 10:42:11 发布 · 309 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Vue框架 #前端开发 #小白的新手之路

前端专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了一位新手如何从零开始搭建Vue框架的开发环境，包括安装Node.js、Git，配置SSH密钥，以及使用Vue CLI创建项目，并通过Git进行版本控制的基本步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

标题

小白如何搭建Vue框架环境？
1.在Node.js下载环境，安装，
使用node -v 查询版本在命令行中
在使用npm -v 查询包管理工具
2.在Git官网下载GIT，安装
使用git -version查询版本
3.注册码云或者gitub
创建生成公钥
（1）ssh-keygen -t rsa -C "xxxxx@xxxxx.com"
（2）cat ~/.ssh/id_rsa.pub
在添加公钥打通线上线下的无缝连通
4.克隆线上项目
选择SSH协议，进行克隆
在命令行中输入 git clone 加上复制的
5.打开vue的官网，有个安装区域，有个命令行工具（CLI）
打开控制台
一.npm install --global vue-cli
二.vue init webpack xxxx
然后进行一系列提示
cd xxx
npm run dev

到这步时，线下的项目环境已经搭配完成
接下来同步项目

在命令行中
git status
git add .
git commit -m “project initialized”
git config --global user.email " "
git config --global user.name “”
git push
到此时，一个项目的搭配基本完成！