码迷,mamicode.com
首页 > Web开发 > 详细

vue.js 开发环境配置

时间:2018-12-16 13:19:00      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:vue-cli   构建   成功   配置   包管理器   输入   开始   http   命令   


1. node.js环境(npm包管理器)

下载: https://nodejs.org/en/download/current/

下载解压版的方便

技术分享图片

技术分享图片

添加path环境后运行

技术分享图片

npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息。

技术分享图片

2. cnpm npm的淘宝镜像

由于有些npm资源被屏蔽或者是国外资源的原因,经常会导致npm安装依赖包的时候失败,所以我们还需要npm的国内镜像----cnpm.

输入  npm install -g cnpm --registry=http://registry.npm.taobao.org  ,没报错表示安装成功

技术分享图片

3. 安装vue-cli 脚手架构建工具

npm install -g vue-cli

技术分享图片

接下来就开始使用vue-cli来构建项目。

4.初始化一个完整版的项目

vue init webpack Vue_Example

技术分享图片

运行项目

技术分享图片

技术分享图片

技术分享图片


技术分享图片



参考:

https://blog.csdn.net/muzidigbig/article/details/80490884

vue.js 开发环境配置

标签:vue-cli   构建   成功   配置   包管理器   输入   开始   http   命令   

原文地址:https://www.cnblogs.com/cs294639693/p/10126042.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!