zoukankan      html  css  js  c++  java
  • 前端开发入门(一) 开发环境搭建

    1.开发环境包含的程序:

    • nodejs js服务端程序,提供其他工具底层支持
    • yarn javascript中一款包管理工具,主要添加项目中依赖的js包
    • vue-cli vue命令行支持工具
    • webpack 前端项目打包工具

    2.安装过程

    1.nodejs 直接点击官方链接 下载x64安装包

    2.yarn 确保nodejs正确安装后才可安装(在cmd输入node如果显示版本,测说明正确安装),打开官方链接,点击Download installer即可,安装完后设置包源为国内

    yarn config set registry https://registry.npm.taobao.org -g
    yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
    

    3.vue-cli cmd控制台输入 yarn global add @vue/cli ,安装成功后需要配置环境变量,首先找到vue/cli的目录,控制台输入yarn global dir 将找到的路径复制到系统环境变量-path-新建 粘贴保存即可

    4.webpack 进入项目路径,控制台输入 yarn add webpack

    3.构建前端项目完整例子
    1.首先创建一个github项目,克隆到本地,例如 git clone https://github.com/view/demo2.git
    2.cd命令进入demo2目录
    3.yarn init 初始化项目
    4.yarn add webpack 添加webpack 包依赖

  • 相关阅读:
    【leetcode】面试题 01.04. 回文排列
    【leetcode】将数组分成和相等的三个部分
    【leetcode】杨辉三角
    【leetcode】杨辉三角 II
    【leetcode】判断路径是否相交
    【leetcode】路径总和
    【leetcode】山脉数组的峰顶索引
    053-4
    053-151
    053-272
  • 原文地址:https://www.cnblogs.com/gy1010/p/14263127.html
Copyright © 2011-2022 走看看