求助使用vue init webpack my-project下载项目出错怎么办
求助使用vue init webpack my-project下载项目出错怎么办
写下你的评论...
写下你的评论...
写下你的评论...
写下你的评论...
Copyright (C) 2018 imooc.com All Rights Reserved | 京ICP备 号-2# 全局安装vue-cli
npm install -g vue-cli
# 使用vue-cli初始化项目
vue init webpack sell
(sell这个是文件名，你自己取的)
# 进入到目录
# 安装依赖
npm install
# 开始运行
npm run dev
　主要步骤为以上五步，下面来详细解说：
　准备工作：前提你安装好了node和npm，这很简单，这里就不介绍了;看版本就在命令行输入：node -v & & &npm -v;
　node版本最好在4.0以上,还有最好安装git工具，安装了git后用Git Bash的命令行，这样你会看的更简单明白，没有也没关系的，在系统的命令行一样;
&在这之前最好安装淘宝镜像，速度会快很多;命令行输入：npm&install&-g&cnpm&--registry=https://registry.npm.taobao.org & 这样就可以在npm前加c
　1.安装脚手架
　　安装vue-cli　　cnpm install -g vue-cli　　全局安装vue-cli这个脚手架，相当于工地建筑外面围着房子搭的那些钢铁架子;
　　2.初始化项目　　使用vue-cli初始化项目　　vue init webpack sell
(sell这个是文件名，你自己取的)
　　过程中会出现一些选项；如不懂，一直默认回车就是；　　安装完成后就会出现这个目录:
　　没有node-modulesmes没关系，那是下步才有的；
　　???安装这步报错？是不是这个：
　Failed to download repo vuejs-templates/webpack-simple: connect ETIMEDOUT <span style="color: #2.30.<span style="color: #3.113:<span style="color: #3
　那是你host文件出错了，参考下面一篇博客：
　？？？！！！你不能修改它？那是权限不够！参考下面这个：
　不知道你的用户名？？右键你的电脑—属性，找到你的计算机名;
　　这是除了webpack以外的官方模板：
　3.进入sell目录
　4.安装依赖　
　　npm install
　　这样就会出现node-modulesmes这个文件了！
　npm run dev　然后再浏览器输入：localhost:8080
一般自动弹出来的　如下图：
　大功告成了！！！有问题请留言。
阅读(...) 评论() &解决vue-cli不能初始化webpack模板的问题
<span type="1" blog_id="2054824" userid='
分享到朋友圈
好的文章，和好友一起分享他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli） - 简书
Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli）
ps: 想了解更多vue相关知识请点击
Vue作为前端三大框架之一截至到目前在上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话不多说了，把我踩过的坑，在这里跟大家说说，希望对初学者有所帮助。ps：高手请绕道。
说明：此文章参考了网上一些前人的技术分享，自己拿过来总结一下。此文章是基于webpack构建的vue项目，并实现简单的单页面应用。其中利用到的相关技术会简单加以说明
一、那么我们就从最简单的环境搭建开始：
安装node.js，从下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。
这里需要说明下，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。
安装淘宝镜像，打开命令行工具，把这个（npm install -g cnpm --registry= ）复制（这里要手动复制就是用鼠标右键那个，具体为啥不多解释），安装这里是因为我们用的npm的服务器是外国，有的时候我们安装“依赖”的时候很很慢很慢超级慢，所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v，如下图，如果出现相应的版本号，则说明安装成功。
安装webpack，打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。
安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入
vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。
二、通过以上四步，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目
在硬盘上找一个文件夹放工程用的。这里有两种方式指定到相关目录：①cd 目录路径
②如果以安装git的，在相关目录右键选择Git Bash Here
安装vue脚手架输入：vue init webpack exprice ，注意这里的“exprice” 是项目的名称可以说是随便的起名，但是需要主要的是“不能用中文”。
$ vue init webpack exprice
---------------------
这个是那个安装vue脚手架的命令
This will install Vue 2.x version of the template.
---------------------这里说明将要创建一个vue 2.x版本的项目
For Vue 1.x use: vue init webpack#1.0 exprice
? Project name (exprice)
---------------------项目名称
? Project name exprice
? Project description (A Vue.js project)
---------------------项目描述
? Project description A Vue.js project
? Author Datura
--------------------- 项目创建者
? Author Datura
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n)
--------------------- 是否安装Vue路由，也就是以后是spa（但页面应用需要的模块）
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n ---------------------是否启用eslint检测规则，这里个人建议选no
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? (Y/n)
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? (Y/n)
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated "exprice".
To get started:
--------------------- 这里说明如何启动这个服务
cd exprice
npm install
npm run dev
cd 命令进入创建的工程目录，首先cd exprice（这里是自己建工程的名字）；
安装项目依赖：npm install，因为自动构建过程中已存在package.json文件，所以这里直接安装依赖就行。不要从国内镜像cnpm安装(会导致后面缺了很多依赖库)，但是但是如果真的安装“个把”小时也没成功那就用：cnpm install 吧
安装 vue 路由模块 vue-router 和网络请求模块 vue-resource，输入：cnpm install vue-router vue-resource --save。
创建完成的“exprice”目录如下：
下面我简单的说明下各个目录都是干嘛的：
启动项目，输入：npm run dev。服务启动成功后浏览器会默认打开一个“欢迎页面”，如下图：
注意：这里是默认服务启动的是本地的8080端口，所以请确保你的8080端口不被别的程序所占用。
至此简单的一个项目构建完毕....后面我将继续利用这个构建的项目写一个简单的单页面应用。
看到这里给大家推荐一个ide用Atom然后安装vue插件即可，非常之好用
ps: 想了解更多vue相关知识请点击VUE学习目录汇总 ***安装vue项目：vue init webpack vue-musci(项目名称) Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2...
本文作者 Jinkey（微信公众号 jinkey-love，官网 https://jinkey.ai）原文链接 https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan...
本文作者 Jinkey（微信公众号 jinkey-love，官网 https://jinkey.ai）原文链接 https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan...
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli vue-cli脚手架的优势 有一套成熟的vue项目架构设计,能够快速初始化一个V...
1. 准备工作 首先要安装node.js，从node.js官网下载并安装nodejs, 最好使用稳定坂本你的node，不然会存在项目运行不起来，然后一直&下一步&操作就可以了，安装好之后，打开命令行工具（CTR+R打开输入cmd），可以执行node -v，如果出现相应的版本...
清晨醒来，老公已经起床出门了，28号之6号单双号限行，乡间小路也一样不例外，双号车停在公司，今天得出去，老公只能徒步去公司把双号车黑开回来。
昨天去单位值班，路上跟空旷，车子、行人都很少，听说车站人超级多，绍兴北站至少得排两个小时队，额……跟过年似的。我想今天出...
第一次见你 相见恨晚 叹却叹 我们之间的剧本 还不够完美 见终是见着了 遇终是遇到了 只是来不及参与 你人生的前二十年 只是来不及为你打伞 在还没见你的下雨天 只是来不及为你送饭 在还没见你的忙碌日 只是来不及为你写诗 在还没见你的孤独日 只是遗憾 在还没见你的日子里 没能...
成功就是解答题高手做对了选择题。 怎么才能做对选择题？ 要有判断标准。 如何确立判断标准？ 有个法门 就是反复问自己 什么更重要？ 十年以后呢？ 这是一个需要反复琢磨的问题。 价值观确立以后 选择就不困难了 好多问题 一问自己什么更重要 就自然清楚了 衡量一个人是否聪明 主...
最近我发现一个对于写手来说非常好的出名方法以及赚钱方法——写鸡汤文。我也不知道写了那么多年小说未得志的自己居然那么适合写鸡汤文。我投的第一篇鸡汤文就被编辑看重，发表之后点击率暴增，下面的评论也是各种赞同和感动，说从中学到很多东西对生活充满信心的读者数不胜数。 由于大受欢迎的...
在那一天里，
她送了你一本笔记本，
有全班同学的签名，
包括我在上面的恶作剧！ 我想你是看到了，可我没能看到你一丝气愤！
在那一天前，}