开发前准备

安装vsCode

传送门 安装vsCode (opens new window)

安装完毕之后 可以下载插件 Chinese 来转换为中文

vsCode常用插件

Auto Close Tag --- 自动关闭标签

Auto Rename Tag --- 自动重命名标签

Beautify --- 美化代码

ES7+ React/Redux/React-Native snippets --- 代码片段提示

Git Graph --- git管理

HTML CSS Support --- HTML CSS支持

HTML Snippets --- html片段提示

Icon Fonts --- 图标

JavaScript (ES6) code snippets --- es6片段提示

Live Server --- 本地服务器

open in browser --- 网页预览

Path Intellisense --- 路劲补全

Power Mode --- 炫酷模式

px to rem & rpx (cssrem) --- px to rem

SVG --- svg

Vetur --- vue美化

Vue 3 Snippets --- vue3片段提示

Vue VSCode Snippets --- vue片段提示

Easy LESS --- less

安装nodejs

传送门 点我下载🥰

安装完毕可以 node -v 查看版本

详细可以看 nodejs文档

更改npm镜像

临时使用

npm --registry https://registry.npm.taobao.org install express

永久使用

npm config set registry https://registry.npm.taobao.org

通过以下命令查看是否配置成功

npm config get registry
npm info express

如果需要恢复成原来的官方地址只需要执行如下命令:

npm config set registry https://registry.npmjs.org

如果想要下载 sass 想要更改镜像 可以查看 sass安装

安装基本的模块

webpack

npm install webpack -g 全局安装

详细可以看 webpack文档

Vue CLI

安装 npm install -g @vue/cli

创建项目 vue create project

安装git

传送门 点我下载🥰

详细命令可以看 git常用命令