Vue-安装Nodejs&NPM&vue脚手架

目录

1.安装Nodejs

 2.安装NPM

 3.安装vue脚手架

4.使用vue脚手架创建工程

5.vue工程中安装elementui

5.在vue工程中安装axios

 6.通过工具打开vue工程

7.一个组件引用另一个组件

7.1创建一个新的vue

7.2父组件向子组件传递数据

8.路由

9.vue脚手架工程+调用后台接口

---

1.安装Nodejs

查看自己电脑是否安装nodejs:

node --version

点击官网下载，根据使用的系统选取自己需要的安装包。（不要安装在中文目录下 ）

https://nodejs.org/en/download/  https://nodejs.org/en/download/

 2.安装NPM

如果你安装了nodejs--默认会安装NPM.

npm --version

 

 3.安装vue脚手架

vue cli

使用vue --version 查看当前是否安装vue脚手架

vue --version

 

具体安装教程 ：

 安装 | Vue CLI

使用该命令进行安装： 

npm install -g @vue/cli
-g: global全局 

4.使用vue脚手架创建工程

输入以下命令：

vue ui

进入Vue管理器 

 

 （1）进入Vue项目管理器界面

 （2）点击创建，选择文件保存的路径（该目录必须在本地），点击下方创建。

 （3）设置文件名称

 (4)首次创建可点击手动，进行预留模板。

 （5）功能选择

 （6）配置选择

 （7）保存预留设计模板

 

5.vue工程中安装elementui

第一种可以使用命令来安装

npm install -s e