实战-第二讲 Vue-cli搭建开发环境

实战笔记原文地址：http://jspang.com/2017/05/22/vuedemo/

1 、新建文件夹  名为：“项目文件夹名”  这里名为  pos

2、打开终端   进入到  刚建的文件夹下。 windows系统  ：win+r  然后输入cmd进入终端   。cd+pos   进入文件夹

3、输入vue-cli安装命令：mpm install vue-cli -g     -g全局安装

　　　　vue -V  查看 vue-cli   版本查看   

4、在命令行中初始化项目，我们采用的是webpack模板，输入初始化命令：

 vue init webpack pos     pos是我的项目文件夹名称

你已经提前建立好了文件夹的时候，我们也进入了文件夹，这时候我们可以省略这个文件夹名称   vue init webpack

 

5、在命令行中，进入项目目录，使用npm install 安装package.json里项目的依赖包。如果你网速较慢的话，可以使用淘宝镜像的cnpm来进行安装。

6、查看是否安装正确。在命令行中输入 npm run dev ，如果能在浏览器中正常打开页面，说明安装正确。