构建Vue项目教程
2017-09-12 本文已影响0人
linjiajiam
1、安装node.js，可以去官网下载，然后安装。具体安装教程网上很多。
2、node.js自带npm，但是如果想用淘宝资源镜像，可以安装cnpm：
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、确认上述已经安装完毕。
image.png
4、安装vue脚手架
npm install vue-cli -g
image.png
5、安装webpack
npm install webpack -g
image.png
6、创建项目
vue init webpack 项目名字<项目名字不能用中文>
创建过程中，会需要选择以下选项
image.png
7、进入项目目录，安装项目依赖
npm install
image.png
8、运行项目
npm run dev
浏览器会自动弹出http://localhost:8080 显示如下界面：
image.png
