Vue开发环境搭建详解
2017-08-15 11:35
567 查看
1、NodeJS下载安装
VUE与nodejs并无关系,要安装nodejs其实是要用到NodeJS里npm工具,npm是NodeJS下的一个包管理工具,它可以很方便的帮你管理各类前端的框架或插件(可以简单理解为下载)。
下载当然去官网http://nodejs.cn/download/
然后下一步下一步安装完成。
第二步:淘宝cnpm 安装 cmd 命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
第三步:路径到nodejs安装路径下如:d:\program\nodejs 安装Vue 框架
第四步:建产一个vue项目
#创建一个基于webpack模板的新项目
vue init webpack e:\nodejs\csw
# 切换至项目路径
cd e:\nodejs\csw
# 安装项目依赖文件
cnpm install
# 项目启动
cnpm run dev
会打开 http://localhost:8080/#/
VUE与nodejs并无关系,要安装nodejs其实是要用到NodeJS里npm工具,npm是NodeJS下的一个包管理工具,它可以很方便的帮你管理各类前端的框架或插件(可以简单理解为下载)。
下载当然去官网http://nodejs.cn/download/
然后下一步下一步安装完成。
第二步:淘宝cnpm 安装 cmd 命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
第三步:路径到nodejs安装路径下如:d:\program\nodejs 安装Vue 框架
第四步:建产一个vue项目
#创建一个基于webpack模板的新项目
vue init webpack e:\nodejs\csw
# 切换至项目路径
cd e:\nodejs\csw
# 安装项目依赖文件
cnpm install
# 项目启动
cnpm run dev
会打开 http://localhost:8080/#/
相关文章推荐
- vue2.0开发环境的搭建详解
- 详解基于webpack和vue.js搭建开发环境
- Vue开发环境搭建详解
- 详解vue.js 开发环境搭建最简单攻略
- 详解如何从零开始搭建Express+Vue开发环境
- Android开发环境搭建详解【转】
- 【VUE】Mac下vue 开发环境搭建,以及目录结构
- 用 Webpack 来搭建 Vue.js 的开发环境
- 图文详解如何搭建Windows的Android C++开发环境(一)
- eclipseIDE for javaee developers 开发环境搭建详解图文
- npm、vue开发环境搭建及路由介绍
- Vue.js开发环境搭建
- windows7 搭建Vue 开发环境
- windows下搭建vue开发环境+IIS部署 [转]
- 图文详解如何搭建Windows的Android C++开发环境(一)
- Vue.js开发环境搭建-新建项目
- vue.js开发环境搭建
- Eclipse下的Grails开发环境搭建详解
- Vue.js 2.0和Cordova开发webApp环境搭建
- vue2.0新手填坑攻略之使用vue-cli搭建vue项目开发环境到项目发布