vue的安装和项目搭建

一、安装vue-cli脚手架

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

 

步骤一

操作：运行cmd后，运行命令：npm install -g vue-cli

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

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

 

二.vue脚手架创建webpack项目

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

 

【注意】首先选定好项目放置的一个文件夹，shift+鼠标右键，点击“在此处打开Powershell窗口”，运行命令：

  命令：vue init webpack my-project

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

 

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

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

至此，初始化完毕。

其他说明：

 

3.让项目跑起来

 

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

 

三.vue-li目录分析