用vue官方提供的模板vue-cli搭建一个helloWorld案例

 

 

概述

用vue官方提供的模板vue-cli搭建一个helloWorld案例

 

 

安装环境

• 安装node.js并配置环境变量
• 安装淘宝镜像，npm install -g cnpm --registry=https://registry.npm.taobao.org
• 安装webpack，cnpm install webpack -g
• 安装脚手架npm install vue-cli -g

 

创建项目

• 在硬盘上找一个文件夹放工程用的，在终端中进入该目录,cd目录路径
• 根据模板创建项目,vue init webpack-simple 工程名字<工程名字不能用中文>，vue init webpack 工程名字<工程名字不能用中文>,

 

C:\Users\shangwu>npm install vue-cli -g

D:\Development\web\vue\vue2-00>
D:\Development\web\vue>vue init webpack-simple vue2-00

? Project name vue2-00
? Project description A Vue.js project
? Author shenzhen_zsw@163.com <shenzhen_zsw@163.com>
? License MIT
? Use sass? No

   vue-cli · Generated "vue2-00".

   To get started:

     cd vue2-00
     npm install
     npm run dev


D:\Development\web\vue>cd vue2-00
D:\Development\web\vue\vue2-00>npm install
D:\Development\web\vue\vue2-00>npm run dev

> vue2-00@1.0.0 dev D:\Development\web\vue\vue2-00
> cross-env NODE_ENV=development webpack-dev-server --open --hot

Project is running at http://localhost:8080/
webpack output is served from /dist/
404s will fallback to /index.html

 

 

测试访问

http://localhost:8080/