Vue项目配置

158 阅读1分钟

1.安装node和npm

安装 Node.js 的其中一种非常便捷的方式是通过软件包管理器。 对于这种情况,每种操作系统都有其自身的软件包管理器。npm是node.js下的包管理器。

方式一:官网下载:nodejs.cn/download/

方式二:使用homebrew安装,命令:brew install node

2.安装webpack

命令:npm install webpack -g

3.安装Vue脚手架

命令:npm install -g @vue/cli

官网链接:cli.vuejs.org/zh/guide/in…

4.创建项目

2.X命令:vue init webpack 项目名称

3.0以上命令:vue create 项目名称

5.手动安装路由

如果创建项目没有选择路由可以手动安装

命令:npm install vue-router --save

6.安装vueX

命令:npm install vuex -- save

7.安装axios

命令:npm install axios --save

8.安装第三方库

安装模拟数据生成器:npm install mockjs --save

9.项目配置

命令:npm install

10.项目运行

命令:npm run serve

11.项目打包

命令:npm run build