构建Vue项目教程

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