vue-cli使用

利用vue-cli快速构建vue单页应用

1.首先电脑上必须已经安装了npm和nodejs

2.在确保电脑已经存在npm和nodejs的情况下,在命令行环境下安装vue-cli

npm install vue-cli
这里最好使用(国内的淘宝镜像)
cnpm install vue-cli

3.初始化项目(这里我选用webpack-simple模式除此之外还有好几个模式可以自行百度)

vue init webpack-simple vueclitest

4.进入到项目文件夹中

5.安装依赖

cnpm install

6.运行项目(这时浏览器自动打项目)

npm run dev

7.如果成功会显示如下界面

vue-cli使用
效果图

<h3 style="color:red">注意:在你走到最后一步的时候可能会报如下错误(端口占用),这时你可以打开package.json文件修改里面的端口号</h3>


vue-cli使用
端口占用错误

vue-cli使用
修改端口号