45fan.com - qg777钱柜

搜索: 您的位置主页 > 网络频道 > 阅读资讯:【java_web】零基础搭建vue项目环境

【java_web】零基础搭建vue项目环境

2019-03-31 07:28:27 来源:www.45fan.com 【
  • 下载node.js,官网:
https://nodejs.org/en/
默认配置一路next, 注意安装目录尽量简洁
【java_web】零基础搭建vue项目环境
  • 在安装目录下新建两个文件夹
node_cache
node_global
【java_web】零基础搭建vue项目环境
  • 修改配置
【java_web】零基础搭建vue项目环境 prefix=E:/nodejs/node_global cache=E:/nodejs/node_cache registry=https://registry.npm.taobao.org 【java_web】零基础搭建vue项目环境
  • 设置环境变量
【java_web】零基础搭建vue项目环境
【java_web】零基础搭建vue项目环境
  • 系统变量path下新增变量值,注意变量值用英语分号;隔开
;E:\nodejs\node_global
  • cmd运行node -v出现版本号则安装成功。
注意:node\npm和-v 中间有一个空格
【java_web】零基础搭建vue项目环境
  • 安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
【java_web】零基础搭建vue项目环境
  • 下载vue.js
https://github.com/vuejs/vue
【java_web】零基础搭建vue项目环境
  • 解压
【java_web】零基础搭建vue项目环境
  • cmd下依次执行以下命令:
cnpm install vue cnpm install -g vue-cli // 安装vue命令行工具 cnpm install webpack -g cnpm install webpack-cli -g // 安装打包工具
  • 建立自己的项目文件夹
E:\test
  • cmd新建基于webpack的项目 project可以任意命名
vue init webpack project 在新建的项目文件夹下安装项目
【java_web】零基础搭建vue项目环境
【java_web】零基础搭建vue项目环境
  • 项目目录下安装依赖, 除了error外忽略错误
cnpm install 【java_web】零基础搭建vue项目环境
  • 启动项目
cnpm run dev 【java_web】零基础搭建vue项目环境
端口冲突可以修改【java_web】零基础搭建vue项目环境
  • 浏览器键入http://localhost:8080,进入helloworld页面
 
 

本文地址:http://www.45fan.com/a/question/100133.html
Tags: 基础 Java Web
编辑:qg777钱柜
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部