Vue深入之路

搭建Vue项目

一.安装Node

1.Node下载地址:https://nodejs.org/en/

2.检查Node是否安装成功:node -v
Vue深入之路
3淘宝的镜像:http://npm.taobao.org/
输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。
Vue深入之路检查是否安装成功:cnpm -v
Vue深入之路

二.安装Vue

1、全局安装vue-cli: npm install --global vue-cli
Vue深入之路

二.创建Vue项目

1.创建Vue项目:vue init webpack 项目名称
Vue深入之路
2.项目创建成功后,可以使用npm run dev启动项目。如果出现如下错误:Vue深入之路
3.删除项目根目录中node_modules文件夹,然后再执行npm install。
Vue深入之路
4.重新安装后项目启动成功:npm run dev
Vue深入之路
访问Vue项目:http://localhost:8080
Vue深入之路
访问成功。至此Vue项目就搭建完成了。