前端
-
安装node vue
要先安装node.js再安装vue
首先下载node.js要求版本在8.9以上 官网:https://nodejs.org/zh-cn/下载完可检查在windows任务命令行里输入
node -v
使用淘宝NPM镜像源下载比较快 :npm config set registry https://registry.npm.taobao.org
配置之后可以使用
npm config get registry
来验证是否配置成功。安装vue-cli(全局安装vue-cli) 命令:
npm install @vue/cli -g
检查环境是否安装上:vue -V -
vue-cli创建前端项目
创建vue项目:在命令行里输入命令:
vue create frontend
(创建名字为‘frontend’的文件夹)
然后进入此文件夹:cd frontend
运行项目:npm run serve
运行之后会导出网址:http://localhost:8080 或者http://127.0.0.1:8080在网页上输入上面的网址即可 -
修改index.html主页,添加bootstrap css框架和fontawesome字体的依赖
<!DOCTYPE html> <html lang="en"> <head> <!--required meta togs--> <meta charset="utf-8"> <!--<meta name="viewport" content="width=device-width,initial-scale=1.0">--> <meta name="viewport" content="width=device-width,shrink-to-fit=no"> <!--Bootstrap CSS--> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel=