新建vue项目

1. 前期准备工作

     1.1 安装node,下载地址:https://nodejs.org/zh-cn/,安装完之后用命令 node -v 查看是否安装成功,查看npm版本(node自带npm),如果不是最新的npm版本,可以运行 npm install -g npm安装最新的版本

    1.2 安装淘宝镜像: npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

2. 项目初始化

    2.1 安装vue-cli: cnpm install vue-cli -g,使用 vue list 查看vue-cli是否成功

    2.2 选定一个目录新建vue项目,vue init webpack myproject,注意:项目名不能包含大写字母

    2.3 项目安装目录下运行操作指令:cnpm install, cnpm run dev,成功后命令行将出现如下界面

新建vue项目

    2.4 在浏览器输入 localhost:8080 会出现如下界面,简单的项目就创建好啦

新建vue项目