vue清除项目cache_前端开发从0到1：gulu-项目记录

基于yarn+parcel+vue的UI框架项目。

---

1. 前端开发环境的搭建（编辑器自行选择）

• 推荐安装cmder和配置（安装之后自然会有git和linux命令行的操作）

1. 官网下载zip包，之后右键属性，解除锁定操作。解压后放入一个固定的Software文件中。
2. 配置自己的cmder，注意的是将配置文件导出进行修改languge属性才能对语言修改。
3. 将默认的命令行改为bash。

• 安装node.js双数版本（自然有了npm，npx，node命令，主要用于安装依赖）

1. 推荐去官网下载node8.msi（64位）
2. node.js安装目录里不能有空格，修改安装目录如Softwarenodejs。
3. 将目录添加到path，实现全局命令行脚本执行。
4. 配置npm的下载源

npm i -g nrm
nrm ls
nrm use 用于修改下载源------
--------如失败，请尝试下面命令
npm config set registry http://registry.npm.taobao.org/
npm config get registry 查看下载源是否更新成功

也可以安装yarn来替代npm，安装至固定盘Software
yarn global add yrm （源管理器）
出现问题依上处理。

• cmder配合vscode的使用

我们可以搜索cmderWiki的文档查看帮助解决。

---

这样我们就可以开始愉快的开发了，关于git等命令行的操作有时间在总结。

2.开始构建我们的项目

1. 我们需要在远程的代码仓库新建仓库存放我们的项目代码。

create README.md 文档用于项目描述

2.关联我们本地自己的仓库

git init 初始化本地仓库
git remote
git push -u

3.新建我们的软件许可证书 LICENSE文件，选择MIT

4.初始化我们所依赖工具的配置包

我使用的是yarn
yarn init
进行初始化

5.现在我们就可以尽情下载我们需要的工具

yarn global/ add .....
这里我需要的Vue，parcel-bundler工具

3.在利用parcel配合Vue的工程中遇到的问题

• vue官方文档

site：vuejs,org parcel
解决vue在利用parcel构建文件时的runtime版本遇到，compiler的问题

• parcel重运行时，需要清除缓存

npx parcel
parcel index.html --no-cache

---

目前就总结和发现了上面的问题，希望能够帮助到大家。谢谢方方老师。

由于最近在找工作，想把前面学到的基本知识做一个总结，方便自己后面工作时的查阅和快速上手。希望和大家一起进步。有问题欢迎指出。后面会继续更新在项目上遇到坑的解决办法。