vue(一): vue安装和helloworld

1. 安装

在nodejs的官网安装nodejs,使用node -v检查是否按装成功。
vue(一): vue安装和helloworld

npm包管理器,是集成在node中的,所以,直接输入 npm。因为npm是国外镜像源,使用淘宝镜像源在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待。安装完成以后测试cnpm -v
vue(一): vue安装和helloworld

2. 创建一个项目

安装脚手架cnpm install --global vue-cli
vue init webpack test2_vue_helloworld创建一个项目
vue(一): vue安装和helloworld

cd test2_vue_helloworld使用cnpm install,如果创建项目成功了,可以省略此步骤。
npm run dev 运行此项目。
输入localhost:/8080
vue(一): vue安装和helloworld

3. hello world

使用webstorm打开该程序
vue(一): vue安装和helloworld
vue(一): vue安装和helloworld
vue(一): vue安装和helloworld
启动该项目
vue(一): vue安装和helloworld
打开localhost:/8080
vue(一): vue安装和helloworld