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

• 下载node.js，官网：

https://nodejs.org/en/

默认配置一路next, 注意安装目录尽量简洁

• 在安装目录下新建两个文件夹

node_cache
node_global

• 修改配置

prefix=E:/nodejs/node_global
cache=E:/nodejs/node_cache
registry=https://registry.npm.taobao.org

• 设置环境变量

• 系统变量path下新增变量值，注意变量值用英语分号;隔开

;E:\nodejs\node_global

• cmd运行node -v出现版本号则安装成功。

注意：node\npm和-v 中间有一个空格

• 安装淘宝镜像

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

• 下载vue.js

https://github.com/vuejs/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

在新建的项目文件夹下安装项目

• 在项目目录下安装依赖, 除了error外忽略错误

cnpm install

• 启动项目

cnpm run dev

端口冲突可以修改

• 浏览器键入http://localhost:8080，进入helloworld页面