vue环境的搭建(一)

vue

vue环境的搭建(一)》首发橙寂博客转发请加此提示

vue环境的搭建

前言

vue是现在前端框架非常火的一个东西,所以我也想学习下看看这究竟是个什么东西。刚开始很闷进去vue官网看了下文档。对于刚入门者是不太友好的(需要一定的node.js的开发经验不然大家会跟我一样蒙)。后面经过自己的查阅总算是找到了门道。

安装nodejs环境

1.下载http://nodejs.cn/download/先进去下载我下的是10.15版本

2.安装 打开window的是命令行工具(作为程序员这个就不需要交了吧)

输入node -v查看版本号显示版本号为安装成功了

更改镜像

国内使用npm是非常慢的,所以我们这边使用淘宝的npm镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vue_cli脚手架

cnpm install --global vue-cli

验证输入vue验证是否安装成功

开始helloword

环境装好了现在开始熟悉的helloword环节。先切换到您的项目目录切换到D盘直接输入d:然后回车。

vue init webpack firstvue fistvue是项目名称 输入后一直回车就行了直到出现这个界面

第一个是路由所以yes 后面几个全为no为yes也不会报错。

测试

项目文件建好了进去你的项目根文件夹

cd 路径

进去后

cnpm install安装依赖

cnpm run dev 运行项目项目默认是在8080端口

以上是 vue环境的搭建(一) 的全部内容, 来源链接: utcz.com/z/374727.html

回到顶部