1.创建项目之前准备(监测是否安装node)

vue-cli快速创建项目vue-cli快速创建项目

2.全局安装vue-cli

npm install -g vue-cli
或者cnpm install -g vue-cli //此处cnpm是淘宝镜像的npm,在国内下载比较快,关于npm切换源请百度
vue-cli快速创建项目
vue-cli快速创建项目
安装完之后可以检测是否安装好 vue -V //V是大写

vue-cli快速创建项目
3.初始化项目
vue init webpack firstDemo
3.1 新建了一个文件夹projectSpace
3.2 在文件夹下 shift + 右键 会出现一个菜单  点击“在此处打开命令窗口”
vue-cli快速创建项目vue-cli快速创建项目
webpack是包管理工具

firstDemo 是项目名

vue-cli快速创建项目vue-cli快速创建项目

按照提示cd到firstDemo文件夹中

vue-cli快速创建项目vue-cli快速创建项目

cnpm install

安装项目依赖

npm run dev 就ok啦!

vue-cli快速创建项目vue-cli快速创建项目

相关文章: