vue的安装和项目搭建

一、安装vue-cli脚手架

注意:vue依赖于node,首先需要安装node环境。

步骤一

操作:运行cmd后,运行命令:npm install -g vue-cli

说明:-g是全局安装,全局安装后才能直接使用vue命令

vue的安装和项目搭建vue的安装和项目搭建vue的安装和项目搭建vue的安装和项目搭建

安装完成,查看版本号$vue --version

vue的安装和项目搭建


二.vue脚手架创建webpack项目

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

【注意】首先选定好项目放置的一个文件夹,shift+右键,在此处打开命令窗口,运行命令:

  命令:vue init webpack my-project

(使用webpack这套模板来实现压缩和打包,my-project是项目的名称)

2.创建的时候会提示你输入项目名和相关的配置

vue的安装和项目搭建

说明:从图片可知道,我的项目放在桌面的demo文件夹中,那么我们去看一下,demo文件下有了一个vue的初始化项目

vue的安装和项目搭建

vue的安装和项目搭建

至此,初始化完毕。

其他说明:

vue的安装和项目搭建


3.让项目跑起来

# 安装依赖,运行项目
$ cd my-project
$ npm install
$ npm run dev


三.vue-li目录分析

vue的安装和项目搭建