vue新建项目

2020/3/30

3.新建项目（前提是搭建好环境）

3.1

3.1.新建文件夹

3.2.cmd

3.3.1方式一：cnpm -v查看是否安装成功

3.3.2方式二：在Visual Studio Code中尝试是否安装成功（如果失败，重启cnpm -v）

3.4.1.开始创建

vue init webpack house(house是项目名称)

（注意：图中蓝色圈内，选择的是第三项）

3.5.1创建完后

创建好项目之后要到新建项目的目录中运行，cmd

注意：安装项目所需要的包的时候读取的是package.json，是项目所需要的模块，所以执行cnpm install命令的时候可以有以两种方式

3.5.2

第一种方式：输入命令cnpm install 安装依赖的模块

3.5.3

第二种方式：1.打开Visual Studio Code

​ 2.File---->open NewFolder

​ 3.选中新建文件夹

1. 1. Terminal---->new Termina
2. 1. cnpm install
   2. cnpm run dev

项目安装成功

3.6将axios引入到项目中

cnpm install axios --save//保存当前最新版本（save）

3.7将ElementUI引入到项目中

cnpm i element-ui -S（官方文档有介绍）

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);