前端项目环境的搭建

1.下载并且安装nodejs:https://nodejs.org/en/

2.测试nodejs安装是否成功:在windows powerShell中输入node -v     npm -v

3.安装git,获取ssh,将项目拉下来(在拉项目之前要新建分支):

①安装git(https://git-scm.com/downloads),从程序目录打开 "Git Bash" 

② 获取ssh: 键入命令:ssh-keygen -t rsa -C "email@email.com" 

  "email@email.com"是github账号 

③提醒你输入key的名称,输入如id_rsa 

④在C:\Users\Administrator\.ssh下产生两个文件:id_rsa和id_rsa.pub 

⑤用记事本打开id_rsa.pub文件,复制内容,在github.com的网站上到ssh密钥管理页面,添加新公钥,随便取个名字,内容粘贴刚才复制的内容。 

4.在vs code中安装你需要的插件:

①汉化:Chinese (Simplified) Language Pack for Visual Studio Code

②Vue:Vetur、Vue

③Git:GitLens — Git supercharged、Git History

④Css:Easy LESS、language-stylus、Beautify css/sass/scss/less

5.cd到项目目录下,运行项目

6.安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org

 

解决 cnpm 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本:

①以管理员身份运行power shell

②输入set-ExecutionPolicy RemoteSigned,然后输入回车,问题解决

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
window 前端开发环境搭建过程如下: 1. 安装 Node.js:前端开发中,我们常常使用到 Node.js 做为运行环境。可以到 Node.js 官网下载最新的 Windows 版本安装包,下载完成后运行安装程序进行安装即可。 2. 安装代码编辑器:选择一款适合自己的代码编辑器,如 Visual Studio Code、Sublime Text、Atom 等。下载安装后打开即可使用。 3. 安装版本控制工具:推荐使用 Git 进行版本控制。可以在 Git 官网下载并安装最新版本的 Git,安装完成后通过命令行工具检查版本是否安装成功:`git --version` 4. 安装代码托管工具:推荐使用 GitHub 作为代码托管平台。在 GitHub 官网注册账号并创建仓库,以便于将项目代码进行托管。 5. 安装包管理工具:在前端开发中,常常需要使用到一些第三方包和工具。推荐使用 npm 进行包管理。npm 是随同 Node.js 一起安装的包管理工具。可以通过命令行工具检查 npm 是否安装成功:`npm -v` 6. 初始化项目:打开命令行工具,将命令行的当前目录切换到项目所在的文件夹下。运行 `npm init` 命令初始化项目,按照提示进行一些基本配置,如项目名称、版本号等。 7. 安装所需依赖:通过 `npm install [package]` 命令来安装项目需要的依赖,如常见的 React、Vue、Webpack 等。 8. 配置项目:根据项目需求,进行相应的配置,如创建配置文件、设置编译打包规则等。 9. 编写代码:使用所选的代码编辑器打开项目文件夹,并开始编写前端代码。 10. 运行项目:在命令行工具中运行相应的命令,如 `npm start`,来启动项目并在浏览器中查看网页效果。 11. 进行版本管理:使用 Git 命令来进行版本管理,比如添加、提交和推送代码等。 通过以上步骤,我们就可以在 Windows 系统上成功搭建一个前端开发环境
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值