概述
用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
测试访问