一、环境准备

1、nvm（Node版本管理工具）

windows版本：https://github.com/coreybutler/nvm-windows
安装过程中，你需要选择nvm的安装路径，和你node.js的安装路径，最终你要确定让nvm来管理你的node.js，基本就是傻瓜式安装

cmd窗口输入nvm即可看到信息，表示安装成功

常用命令（参考博客https://www.cnblogs.com/gaozejie/p/10689742.html）
所有命令都是在命令行窗口执行哦
显示所有可下载版本：nvm list available
安装指定版本，比如14.4.0版本：nvm install 14.4.0
使用指定版本：nvm use 14.4.0
卸载指定版本：nvm uninstall 14.4.0
显示node运行位数：nvm arch
nvm list：显示已安装的列表
nvm on ：开启node.js版本管理
nvm off ：关闭node.js版本管理
nvm proxy [url] ：设置下载代理。不加可选参数url，作用为显示当前代理。将url设置为none则移除代理
nvm node_mirror [url] ：设置node镜像。默认是https://nodejs.org/dist/。如果不写url，则使用默认url。设置后可至安装目录settings.txt文件查看，也可直接在该文件操作
nvm npm_mirror [url] ：设置npm镜像。默认https://github.com/npm/cli/archive/。如果不写url，则使用默认url。设置后可至安装目录settings.txt文件查看，也可直接在该文件操作
nvm version ：显示nvm版本。version可简化为v

2、git

参考博客：https://blog.csdn.net/grd_java/article/details/106118542

3、webpack（重要）

参考博客：https://blog.csdn.net/grd_java/article/details/105397169

4、babel（重要）

参考文档:https://babeljs.cn/docs/usage/polyfill/
因为目前并不是所有浏览器都支持ES6语法，我们需要通过babel将ES6转换为ES5语法

5、需要预先掌握的知识体系

前端三件套（HTML5，CSS3，JavaScript）

VUE.js

Sass：https://blog.csdn.net/grd_java/article/details/106732583
直接百度Sass进入官网学习即可
Sass可以将Css定义为一个变量，让我们需要用的时候，引用变量即可

ES6：https://blog.csdn.net/grd_java/article/details/105384601

6、初始化构建代码

工程构建代码：GitHub：https://github.com/yingzhipeng/JDFinanceStart.git

下载代码后，使用 npm install安装依赖

你可能出错以下问题
Cannot download "https://github.com/sass/node-sass/releases/download/binding.nod

使用此命令即可
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
然后在次使用npm install安装依赖

安装完成后使用npm start启动

二、git分支（方便我们及时切换分支，查看相应代码）

参考：https://www.jianshu.com/p/2e162b544878

我们用到的
`git checkout <branch_name>` #切换到指定分支
`git checkout -b <branch_name>` #创建并切换到指定分支
`git branch <branch_name>` #创建指定名称的分支
`git branch` #查看所有分支，* 号代表当前工作分支
`git branch -v` #查看分支详情，包括分支指向的commitId及提交信息

创建并切换到setup分支
git checkout -b setup

三、eslint代码检测插件（可选，如果你对自己有严格要求的话，建议打开，如果你对这些细节无所谓，就不要打开了）

Vue组件化京东金融项目实战详细笔记一：环境搭建相关推荐

client高性能组件化框架React简单介绍、特点、环境搭建及经常使用语法
[本文源址:http://blog.csdn.net/q1056843325/article/details/54729657 转载请加入该地址] 明天就是除夕了预祝大家新春快乐 [ ]~(￣▽￣) ...
前端《Vue.js从入门到项目实战》PDF课件+《微信小程序实战入门第2版》PDF代码调试
JS进行开发,正如一切的编程语言都立足于电元信号的正负极,即01码,可为什么软件都不采用二进制编码来进行开发呢?这里面牵扯到一个成本的问题,这正是影响项目领导者进行决策的关键因素.Vue项目与原生J ...
vue组件之间传值方式方法---实战面试篇
vue组件之间传值方式方法 vue组件传值 vue组件化什么是组件化? vue组件通讯父组件向子组件传值子组件向父组件传值兄弟组件传值总结 vue组件传值最近准备面试跳槽.说到前端面试,有 ...
python分析微博数据中心_未明学院：量化金融项目实战，成为掌握数据分析技能的复合型人才！...
原标题:未明学院:量化金融项目实战,成为掌握数据分析技能的复合型人才! 金融科技(FinTech)的风口下,想进入核心岗位找到自己的机会,在这个风口中起飞,却不懂数据和编程?你正在失去机会-- 1. ...
4个可以写进简历的京东 NLP 项目实战
01 京东AI项目实战课程安排覆盖了从经典的机器学习.文本处理技术.序列模型.深度学习.预训练模型.知识图谱.图神经网络所有必要的技术. 项目一.京东健康智能分诊项目第一周:文本处理与特征工程 | ...
Vue013_ vue组件化编码
vue 组件化编码 2.1. 使用 vue-cli 创建模板项目 2.1.1. 说明 1) vue-cli 是 vue 官方提供的脚手架工具 2) github: https://github ...
vue学习-v-if v-for优先级、data、key、diff算法、vue组件化、vue设计原则、组件模板只有一个根元素、MVC.MVP,MVVM
1:v-if和v-for哪个优先级更高?如果两个同时出现,应该怎么优化得到更好的性能? //在vue页面中同时使用v-for与v-if后,打印渲染函数. console.log(app.$optio ...
视频教程-Springboot+Vue前后的分离整合项目实战-Java
Springboot+Vue前后的分离整合项目实战 10多年互联网一线实战经验,现就职于大型知名互联网企业,架构师, 有丰富实战经验和企业面试经验:曾就职于某上市培训机构数年,独特的培训思路,培训体系 ...
2018年最新Vue从基础入门到项目实战视频教程网盘学习地址
2018年最新Vue从基础入门到项目实战视频教程网盘学习地址: https://pan.baidu.com/s/15D6GiHnSgA5Eo0n9G5Ws1A 若网盘地址失效,可访问此地址(下单有网盘 ...

Vue组件化京东金融项目实战详细笔记一：环境搭建

文章目录

一、环境准备

1、nvm（Node版本管理工具）

2、git

3、webpack（重要）

4、babel（重要）

5、需要预先掌握的知识体系

6、初始化构建代码

二、git分支（方便我们及时切换分支，查看相应代码）

三、eslint代码检测插件（可选，如果你对自己有严格要求的话，建议打开，如果你对这些细节无所谓，就不要打开了）

Vue组件化京东金融项目实战详细笔记一：环境搭建相关推荐

最新文章

热门文章