从0到1搭建环境
-
聊聊背景
- 初学前端,再加上家里电脑崩溃了,重装完系统C盘的环境都无了!所以才会有这篇文章,大概就是描述一下从零开始搭建环境以及遇到的一些问题。
-
环境搭建
-
首先,下载最新版的vscode
- code.visualstudio.com/
- 目前比较流行的编辑器,当然你也可以选择其他顺手的代码编辑器。
-
其次,就是Git
- git-scm.com/
- 大学上软件工程课的时候用过,当时我对Git一窍不通,工作之后才正式接触它。
- 用于规范代码提交等工程化问题,适合多人开发。
- 有关Git提交规范(以GitHub提交为例),会在之后的文章写完后提供。
-
再次,下载nvm(管理node版本)
-
安装完之后需要检查环境变量,如若没有则需要手动添加。
-
从此,准备全局安装nrm(快速切换node源),
npm install nrm -g
-
这一步之后输入命令
nrm ls
可能会报错(大概率是没有配置环境变量所导致) -
或者还会出现输入完
nrm ls
后的列表没有默认带星号的选项,npm install Pana/nrm -g
(但可能连接不上github导致下载失败,这里更推荐使用yrm)npm install yrm -g
- 使用方法和nrm是一样的(use,ls等命令)
-
-
最后,打开命令行界面
win + R 然后 cmd
- 输入
nvm ls, node -v, yrm ls
如果没有报错的话就算成功。
- 输入
-
另外,如果在vscode输入命令后报错提示(如下)
- 因为这个系统上已停用指令码执行,所以无法载入……的话,执行下面的命令即可
Set-ExecutionPolicy -Scope CurrentUser
- 上面的敲完后再输入
RemoteSigned
- 因为这个系统上已停用指令码执行,所以无法载入……的话,执行下面的命令即可
-
除此之外,如果想安装脚手架
- 安装:
npm install -g @vue/cli
- 升级:
npm update -g @vue/cli
- 查看脚手架版本号:
vue --version
- 安装:
-
-
markdown美化
- 初学markdown,这篇文章的布局有点不太美观。有相关美化md的文章,小伙伴可以推荐一下~
-
环境变量
- nvm环境变量的配置写的比较少,这部分也是成败的关键因素之一。等我图床配好之后会再改一改这篇文章,让它更加详细。注意配置
NVM_PATH
和NVM_SYMLINK
,配完之后记得在系统变量中的Path内加上%NVM_HOME%
和%NVM_SYMLINK%
。
- nvm环境变量的配置写的比较少,这部分也是成败的关键因素之一。等我图床配好之后会再改一改这篇文章,让它更加详细。注意配置
-
删除package-lock.json文件
git clone
完一个项目记得先把package-lock.json
文件删除,再安装依赖。
-
下期预言
- GitHub提交PR流程以及规范(已写完)
- 百度地图开发体验(初学心得,已写完)