前端环境配置

最新推荐文章于 2024-08-31 16:30:12 发布
最新推荐文章于 2024-08-31 16:30:12 发布
阅读量1.2k 收藏 5
点赞数
分类专栏： env
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Crystal_ccin/article/details/79294036
版权
本文详细介绍了前端开发环境的配置，包括如何安装和配置nvm、nodejs，使用淘宝镜像源，以及webstorm的设置。还涉及了less、sass的全局安装和webstorm配置，以及vue-cli的安装和初始化。
摘要由CSDN通过智能技术生成
换电脑，重新搭建开发环境，整理下操作过程

1. nodejs

安装nvm 

下载地址： https://github.com/coreybutler/nvm-windows/releases

下载安装版nvm-setup.zip，安装在C:\dev，安装时注意添加到path

环境变量配置：

NVM_HOME C:\dev\nvm
NVM_SYMLINK C:\dev\nodejs

path     %NVM_HOME%;%NVM_SYMLINK%;C:\dev\nvm\npm\node_global

使用nvm

nvm list
nvm install latest
nvm install 8.9.4
nvm use 8.9.4

配置路径及使

最低0.47元/天 解锁文章
Crystal_ccin
关注
专栏目录
前端环境搭建
Sunday97的博客
07-23 2290
前端环境搭建一、node.js安装1、windows安装node.js2、Mac上安装node.js先安装nvm 一、node.js安装 1、windows安装node.js （1） 百度搜索node.js进入node.js官网进行下载安装,一步步的点击next就可以安装完成。 （2）测试是否按照完成：在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口 （3）在cmd窗口输入以下命令，如果显示版本号则表示按照成功。 node -v npm -v 注释：Node.js中自带npm，安装Nod
【前端开发环境安装、配置、项目搭建全教程】
m0_46627407的博客
06-27 2万+
前端开发环境安装、配置、项目搭建全教程
前端配置开发环境，新电脑配置前端开发环境，Vue开发环境配置的详细过程（前端开发环境配置，电脑重置后配置前端开发环境）
weixin_65793170的博客
02-28 7966
Vue CLI安装完成后，有时候会遇到，在命令提示符窗口使用vue命令管用，但在vscode中，vue命令不生效的情况，这时候需要在Windows Powershell管理员模式中配置执行策略。
前端配置环境
weixin_43993121的博客
08-31 465
btw：window+x => windows powershell(管理员)测试时，就cmd打开不同的盘，查看node -v。环境变量用户变量那些的文件夹一定要对应好。3、vscode中使用git。二、下载google浏览器。一、下载Git Bash。三、下载微信开发者工具。四、下载vscode。
前端环境的搭建
weixin_45612718的博客
05-10 2919
一、node下载 1、下载网址：https://nodejs.org/zh-cn/，选择推荐的版本 下载完成之后一直点击next，直接安装即可，可以更换安装路径，但是后面配置相对比较麻烦，建议使用默认路径。 2、node -v 验证是否安装成功，出现版本号表示成功 npm -v 查看自带的npm版本 node是环境，npm是放置jar包，使用的是cnpm 将cpm升级为cnpm,输入命令： $ npm install -g cnpm --registry=h...
前端环境配置前端环境配置前端环境配置
最新发布
10-10
前端环境配置前端环境配置前端环境配置
Django前端环境配置1
08-08
本篇主要关注Django前端环境的搭建，涉及Vue.js、Node.js以及Viso等相关组件的安装与配置。首先，让我们详细了解一下每个部分： 1. **Vue.js**： Vue.js 是一款轻量级的JavaScript框架，用于构建用户界面。Vue ...
前端开发环境配置
鲮鲤猫的博客
10-31 492
前端开发环境
前端开发中环境变量配置
m0_50499376的博客
05-12 3869
在一些特殊的配置文件中定义环境变量 文件名称 对应环境 说明 .env.development 开发环境 当运行npm run dev 的时候会以此文件为配置文件，这个文件中可以定义针对开发环境的环境变量 .env.production 生产环境 当运行npm run build:prod 的时候会以此文件为配置文件，这个文件中可以定义针对开发环境的环境变量 .env.staging 模拟生产环境 可以理解为production环境的镜像， 尽最
前端开发环境搭建
热门推荐
吴小迪的博客
07-28 3万+
前端开发环境搭建
前端基本配置
神zhi殇的博客
07-10 453
chrome，firefox，ie， 搜狗输入法 nvm，git，小乌龟（tortoiseSVN）， 编辑器：webstorm，vscode，nodepad++， angular/cli，vue/cli github， node版本管理工具： 自己的blog：https://blog.csdn.net/weixin_42995876/article/details/100880065 mac&linux：nvm，n windows：nvm-windows node官网查看node版本，下载一些版本的
前端环境（配置node.js等等）
没有到不了的明天
05-07 725
前端环境 目录 了解十次方需求、技术架构，理解前后端分离开发模式 掌握Node.js基本使用方法，理解模块化编程 掌握包资源管理器NPM的使用 说出webpack的作用 掌握vs code开发工具的基本使用方法 掌握ES6常用的新特性语法 1.Node.js 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript ...
前端环境配置vscode
08-12
要在VS Code中配置前端开发环境，需要完成以下步骤： 1. 安装VS Code：首先，你需要下载并安装Visual Studio Code编辑器。你可以从VS Code的官方网站（https://code.visualstudio.com/）下载适合你操作系统的版本，并按照安装向导进行安装。 2. 安装Node.js：前端开发通常需要使用Node.js作为运行环境。你可以从Node.js的官方网站（https://nodejs.org/）下载适合你操作系统的版本，并按照安装向导进行安装。安装完成后，可以在命令行中输入`node -v`和`npm -v`来验证Node.js和npm（Node.js的包管理器）是否成功安装。 3. 安装插件：打开VS Code，点击左侧的扩展图标（或使用快捷键`Ctrl+Shift+X`），搜索并安装以下常用插件： - HTML CSS Support：提供HTML和CSS代码智能提示和自动完成功能。 - JavaScript (ES6) code snippets：提供常用JavaScript代码片段的快捷输入。 - Prettier - Code formatter：用于格式化代码，保持统一的代码风格。 - Live Server：提供一个本地开发服务器，支持实时预览和自动刷新。 4. 创建项目：在VS Code中，打开一个文件夹作为你的项目根目录。可以通过点击左上角的“文件”菜单，选择“打开文件夹”，然后选择你的项目文件夹。 5. 编写代码：在项目文件夹中创建HTML、CSS和JavaScript文件，并在VS Code中编写你的前端代码。 6. 运行代码：使用Live Server插件，在VS Code中右键点击HTML文件，选择“Open with Live Server”来启动本地开发服务器，并在浏览器中实时预览你的网页。 这样，你就完成了在VS Code中配置前端开发环境的步骤。希望对你有帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值