Vue 项目创建 及 运行项目

1.安装淘宝镜像

 npm install -g cnpm -registry=https://registry.npm.taobao.org

Vue 项目创建 及 运行项目

 

2.全局安装

 cnpm install -g vue-cli  可以通过 执行命令 vue 查看安装是否成功

Vue 项目创建 及 运行项目

成功

Vue 项目创建 及 运行项目

3.运行vue init webpack vuedemo(项目名称)  注:根据自己需要,把项目创建在相应的文件中。

Vue 项目创建 及 运行项目

4.cd vuedemo 进入项目文件夹下执行 cnpm install ,执行完成后会在项目文件夹下自动生成node-module文件来存放安装的依赖文件

Vue 项目创建 及 运行项目

5.浏览器访问  http://localhost:8080 

Vue 项目创建 及 运行项目

6.编辑器打开项目 ,右键package.json文件

Vue 项目创建 及 运行项目

双击dev

Vue 项目创建 及 运行项目

Vue 项目创建 及 运行项目

7.成功执行

Vue 项目创建 及 运行项目

8.浏览器打开 http://localhost:8081

Vue 项目创建 及 运行项目