使用vue-cli脚手架搭建vue项目
1.首先简单介绍一下vue的安装
(1)需要安装nodejs(此处不介绍)
(2)安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安装出错,可以查看是否是代理的问题
查看代理的命令:npm config get registry
设置代理的命令:npm config set registry http://r.cnpmjs.org/
(3)安装脚手架
cnpm install -g vue-cli
安装完成后,输入vue,如果显示以下信息,说明安装成功
2.新建一个first-vue-demo文件夹,打开终端,进入first-vue-demo文件夹,在当前文件夹下输入vue init webpack,在当前目录下创建一个基于webpack的vue项目
接下来会让你确认一系列的东西,基本上敲回车或输入Y或者n即可
3.可以看到first-vue-demo目录下已经有下列文件了
4.进入first-vue-demo目录下,在终端输入npm install
安装完成后,可以看到输出了一大堆内容
接着输入npm run dev (安装了cnpm 使用cnpm run dev也可以)
服务启动成功后,也可以通过http://localhost:8080访问项目