windows 下的vue安装步骤

windows 下的vue安装步骤

最近公司的一个项目是前后端分离的,前端事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打开看看目录结果,如图:
20171028_0.png
安装项目依赖

npm install

一定要从官方仓库安装,npm 服务器在国外所以这一步安装速度会很慢。
不要从国内镜像cnpm安装(会导致后面缺了很多依赖库)

cnpm install

7、启动项目

npm run dev

浏览器就会自动打开该页面
20171028_1.png
,至此!vue的环境和demo创建成功。如果你再搭建的过程中有任何问题,可以通过站内私信联系我,或者在评论里留言,我会第一时间看到消息并回复你的
 

B8~L__5Y%HW9VECP9M`FG`O.png I_GWJ1P9{OFP{]]Y3GUH()1.png
  • 发表于 2017-11-19 17:59
  • 阅读 ( 2261 )
  • 分类:Java

0 条评论

请先 登录 后评论
不写代码的码农
威猛的小站长

124 篇文章

作家榜 »

  1. 威猛的小站长 124 文章
  2. Jonny 65 文章
  3. 江南烟雨 36 文章
  4. - Nightmare 33 文章
  5. doublechina 31 文章
  6. HJ社区-肖峰 29 文章
  7. 伪摄影 22 文章
  8. Alan 14 文章