VSCode拓展推荐(前端开发):
https://github.com/varHarrie/varharrie.github.io/issues/10
前序安装
安装nodejs
curl -sL https://rpm.nodesource.com/setup_14.x | bash -
yum install -y nodejs
检查版本
[root@localhost ~]# node -v
v14.9.0
[root@localhost ~]# npm -v
6.14.8
安装nodenass
npm install node-sass --save-dev --registry=https://registry.npm.taobao.org
安装git
先卸载之前的版本
yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel
yum install gcc perl-ExtUtils-MakeMaker
yum remove git
卸载完成之后
yum install -y wget
wget -O /tmp/git-2.9.5.tar.gz https://mirrors.edge.kernel.org/pub/software/scm/git/git-2.9.5.tar.gz
# 安装编译依赖
yum install -y curl-devel expat-devel gettext-devel openssl-devel zlib-devel gcc perl-ExtUtils-MakeMaker
# 解压
tar -zxf /tmp/git-2.9.5.tar.gz -C /tmp/
cd /tmp/git-2.9.5
# 检验相关依赖,设置安装路径
./configure --prefix=/usr/local/git
# 编译安装
make && make install
配置全局环境变量
# 删除已有的 git
yum remove git
# 配置环境变量
vim /etc/profile
# GIT_HOME
GIT_HOME=/usr/local/git
export PATH=$PATH:$GIT_HOME/bin
# 刷新
source /etc/profile
git version检查版本是否更新为2.9.5
安装vue-element-admin
# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git
# 进入项目目录
cd vue-element-admin
npm install -g mirror-config-china --registry=http://registry.npm.taobao.org
# 安装依赖
npm install
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 本地开发 启动项目
npm run dev
注:
强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。若还是不行,可使用 yarn 替代 npm。
Windows 用户若安装不成功,很大概率是node-sass安装失败,解决方案。
另外因为 node-sass 是依赖 python环境的,如果你之前没有安装和配置过的话,需要自行查看一下相关安装教程。
启动完成后会自动打开浏览器访问 http://localhost:9527, 你看到下面的页面就代表操作成功
开发vue讲解
https://www.jianshu.com/p/d3e3b21696e4