最近公司的一个项目是前后端分离的,前端事vue写的,然而在和后端调接口的时候,
我觉得vue挺好玩的。就来试试手了,先来第一步,怎么安装环境吧
1、安装nodejs
Vue项目通常通过webpack工具来构建,而webpack命令的执行是依赖node.js的环境的,所以首先要安装node.js。node.js的官方地址为:https://nodejs.org/en/download/,下载相应版本。
2、安装nodejs之后,在cmd命令下
npm -v //查看npm版本
3、修改镜像源地址,不修改的话,就是国外的,比较慢,我们在这里修改为国内淘宝的镜像
npm install -g cnpm --registry=[url=https://registry.npm.taobao.org/]https://registry.npm.taobao.org[/url]
4、安装webpack
npm install webpack -g
5、安装vue脚手架
npm install vue-cli -g
6、好,进入到这里,环境基本上差不多了。接下来,我们开始第一个项目吧,我这里是到E盘下操作的
1、在E盘下创建vue目录
2、在vue下创建项目
vue init webpack-simple vue_demo(项目名称)
用idea打开看看目录结果,如图:
安装项目依赖
npm install
一定要从官方仓库安装,npm 服务器在国外所以这一步安装速度会很慢。
不要从国内镜像cnpm安装(会导致后面缺了很多依赖库)
cnpm install
7、启动项目
npm run dev
浏览器就会自动打开该页面
,至此!vue的环境和demo创建成功。如果你再搭建的过程中有任何问题,可以通过站内私信联系我,或者在评论里留言,我会第一时间看到消息并回复你的
124 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!