Vue项目安装流程(vue+ele+mongodb+axios)

Posted 2021-05-01 唐山程序员

Vue项目安装流程

1.安装node

可以选择快捷方式安装

2.安装vue项目：

# 全局安装 vue-cli（一个目录下只需执行一次）

$ npm install --global vue-cli

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

# 安装依赖，走你

$ cd my-project

$ npm install

$ npm run dev

注意：安装时，测试模块可以选择no，安装测试模块容易因为网络慢而报错(因为跨域问题，需要翻墙)

3.项目使用sass:

项目npm rundev出现错误：

#使用sass，需在项目使用以下安装命令：

npm install sass-loadernode-sass vue-style-loader –D

 

4.项目使用element:

npm i element-ui –S

 

在main.js写入：

import ElementUI from 'element-ui'

import'element-ui/lib/theme-default/index.css'

 

Vue.use(ElementUI)

 

安装babel-plugin-component:

npm install babel-plugin-component -D

 

在.baberc文件里加入这句：

"comments": false,

 

在页面引用elementUI 的message，如出现如下’登录成功’弹框，则elementUI调用成功：

5.项目使用axios:

npminstall axios –save

在main.js里引入：

 

页面中使用：

5.项目使用mongodb:

项目中使用mongodb,以my-resume项目为例(前提是系统已经安装了mongodb)：

在项目的根目录新建一个叫server的目录，用��