前端开发入门(一) 开发环境搭建

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 包依赖