vue的安装和项目搭建
一、安装vue-cli脚手架
注意:vue依赖于node,首先需要安装node环境。
步骤一
操作:运行cmd后,运行命令:npm install -g vue-cli
说明:-g是全局安装,全局安装后才能直接使用vue命令
安装完成,查看版本号$vue --version
二.vue脚手架创建webpack项目
1.创建一个基于 webpack 模板的新项目
【注意】首先选定好项目放置的一个文件夹,shift+右键,在此处打开命令窗口,运行命令:
命令:vue init webpack my-project
(使用webpack这套模板来实现压缩和打包,my-project是项目的名称)
2.创建的时候会提示你输入项目名和相关的配置
说明:从图片可知道,我的项目放在桌面的demo文件夹中,那么我们去看一下,demo文件下有了一个vue的初始化项目
至此,初始化完毕。
其他说明:
3.让项目跑起来
# 安装依赖,运行项目 $ cd my-project $ npm install $ npm run dev
三.vue-li目录分析