天天看点

Vue-cli搭建vue项目

1.正式环境开发并不是通过script方式引入vue:

而是通过vue-cli:

Vue-cli搭建vue项目

 2.安装node.js(安装时会附带安装npm)

npm可以安装软件工具包,类似于lunix的yum。

安装淘宝加速器解决npm速度慢的问题:C:\Users\dengsir>npm install --registry=https://registry.npm.taobao.org

3.安装vue-cli:

命令:npm install vue-cli -g

4.创建项目并初始化:

(1)进入项目目录并初始化项目

命令:vue init webpack firstvue

(2)进入刚刚创建的项目:cd firstvue

(3)安装相关依赖:npm install

(4)运行项目:npm run dev

运行成功:http://localhost:8080

Vue-cli搭建vue项目

5.Vue-cli目录结构:

Vue-cli搭建vue项目

继续阅读