vue环境搭建
2017-12-28 10:45
190 查看
1.安装node.js 官网下载即可 通过cmd输入node -v 检查是否安装
2.安装cnpm(淘宝镜像)快 npm有些资源在国外,申请服务器慢
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待3.安装vue-cli脚手架构建工具
在命令行中运行命令cnpm install -g vue-cli ,然后等待安装完成。(注意,这里使用cnpm来替代npm,不然速度超级慢,会导致卡在那)
通过以上三部,我们需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目。
4.用vue-cli构建项目
在cmd通过cd切换路径选择项目安装位置5.安装项目所需的依赖
首先cd到项目文件夹(firstVue文件夹),然后运行命令cnpm install ,等待安装。
6.安装完成之后,会在我们的项目目录firstVue文件夹中多出一个node_modules文件夹,这里边就是我们项目需要的依赖包资源。
7.运行项目
在项目路径下,运行命令 npmrun dev ,其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。
浏览器输入localhost:8080打开页面
相关文章推荐
- 使用PM2搭建在线vue.js开发环境(以守护进程方式热启动)
- Vue.js 2.0和Cordova开发webApp环境搭建方法
- vue环境搭建命令
- vue + skyline 搭建 一个开发环境
- vue-cli脚手架开发环境搭建
- 基于webpack和vue.js搭建开发环境(修改文章列子几个小错误)
- 搭建vue的mint-ui环境
- vue环境搭建
- 基于webpack和vue.js搭建开发环境
- Vue.js之环境搭建:nodejs+npm+webpack
- 在Mac中使用vue-cli搭建的vue框架,下载到win7环境中,配置应该注意的问题
- Vue.js 环境搭建
- Vue2.0 新手入门 — 从环境搭建到发布
- 用 Webpack 来搭建 Vue.js 的开发环境
- vue---环境搭建以及生成项目
- mac 下搭建vue环境时报:webpack-dev-server --inline...
- webstorm开发vue环境搭建
- 20171102vue.js2.0:搭建开发环境及构建项目
- Mac下搭建Vue开发环境
- vue环境搭建