Vue 简单实例起步

安装node.js

去官网下载一个最新版本的Node.js并安装,主要目的是使用集成在node中的npm。

Vue 简单实例起步_第1张图片

对npm进行升级并替换成淘宝镜像

使用npm -g install npm命令,将npm升级到最新版本

使用npm install -g cnpm --registry=https://registry.npm.taobao.org ,使用国内的淘宝镜像,将默认的npm替换为cnpm命令(国内的加载速度更快,并且可以避免资源限制)

使用cnpm命令安装Vue-cli脚手架

使用cnpm install -g vue-cli命令安装vue-cli脚手架

Vue 简单实例起步_第2张图片

建立Vue项目

使用cd命令切换目录到你要新建Vue的位置

Vue 简单实例起步_第3张图片

然后使用vue init webpack myfirstvue命令新建新的Vue项目

Vue 简单实例起步_第4张图片

运行一下写好的项目吧

使用cd 命令切换到你的项目根目录下,然后使用 npm run dev命令运行我们的第一个Vue程序

Vue 简单实例起步_第5张图片

浏览器访问localhost:8080查看我们的第一个页面。

Vue 简单实例起步_第6张图片

 

 

你可能感兴趣的:(Vue啊,vue)