安装前端工程需要使用到的工具软件以及插件
1.安装vscode
2.安装插件
1. Vetur -- 语法高亮、智能感知、Emmet等;包含格式化功能,Alt+Shift+F(格式化全文),Ctrl+K Ctrl+F (格式化选中代码,两个Ctrl需要同时按着);
2. EsLint -- 语法纠错;
3. Auto Close Tag -- 自动闭合 HTML/XML 标签;
4. Auto Rename Tag -- 自动完成另一测标签的同步修改;
5. JavaScript(ES6) code snippets -- ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间;
6. HTML CSS Support -- 让 HTML 标签上写 class 智能提示当前项目所支持的样式;
7. HTML Snippets -- html 快速自动补全;
8. Open in browser -- 浏览器快速打开;
9. Live Server -- 以内嵌服务器方式打开;
10. Chinese (Simplified) Language Pack for Visual Studio Code -- 中文语言包;
3.安装node.js
1.在官网下载安装 Node.js ,安装完毕后使用 node -v 检查安装是否成功;
2.配置 npm ,使用淘宝镜像;
npm config set registry http://registry.npm.taobao.org/
4.打开前端项目
5.安装依赖
参考 renren-fast-vue 提供的安装教程
https://gitee.com/renrenio/renren-fast-vue/wikis/Getting-started
5.1 设置仓库
npm install -g cnpm --registry=https://registry.npm.taobao.org
5.2 安装依赖
cnpm install
6.启动服务
npm run dev