亲宝软件园·资讯

展开

前端基础开发环境安装与配置

居老师的狗子 人气:0

前言

  前端的东西越来越多,换台电脑就忘要配置啥,现在工作中大部分开发还是用vue,基于vue的环境配置。

  1. 安装node环境
  2. npm(修改淘宝镜像)
  3. 安装webpack
  4. 开发工具vscode或webstrom
  5. 安装vue-cli
  6. 关于sass(ruby环境编译sass, node-sass利用node编译sass)
  7. 安装git
  8. and其他工作学习过程中需要用到的

一、安装node环境

  1、官网下载:node官网地址 点击下载安装适应版本即可。

  2、安装完成后,可控制台输入node -v 或node --version,查看node.js是否安装好,安装好则会有版本提示。

  

二、npm(修改淘宝镜像)

  有时候用npm安装相关东西实在太慢,因此使用cnpm保存为淘宝镜像,也可以直接将npm路径修改为淘宝镜像。

  详见《‘cnpm' 不是内部或外部命令,也不是可运行的程序》
  注(引用文章):NPM 国内慢的问题解决

三、 安装webpack

  如果之前没全局安装过webpack,就先安装一下。Vue 提供了一个官方的cli,为单页面应用 (SPA) 快速搭建繁杂的脚手架,脚手架通过webpack搭建开发环境。
 
$ npm install webpack -g

四、开发工具vscode或webstrom

  1、关于webstorm,从大学就开始用啊,这么多年了,在工作中慢慢转向了vs,最大的缺点就是太吃内存了,还是说我的电脑太low了。害!

  关于《webstorm(0):下载安装webstrom及激活》

  2、关于vscode,下就完了,再根据公司规范配置一下格式啥的。

五、安装vue-cli

  在命令行里输入:npm install vue-cli -g,安装完成之后输入 vue -V(注意这里是大写的“V”),如果出现相应的版本号,则说明安装成功。

六、关于sass(ruby环境编译sass, node-sass利用node编译sass)

   我们可以使用 npm(NPM 使用介绍)来安装 Sass

npm install -g sass

以及可能遇到的问题之《安装 node-sass 的不成功》

七、安装git

  文章之《git(一):了解、学习、安装git》

八、and其他工作学习过程中需要用到的

  待续......

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

加载全部内容

相关教程
猜你喜欢
用户评论