安装Vue安装脚手架以及一直卡着不动的问题

1.首先我们去nodejs官网:https://nodejs.org/en/download/ (下载nodejs,下载自己电脑想匹配的最新版本)

2.其次 去下载一个cnpm (注释:淘宝npm镜像,这个是阿里把外国的npm服务器搬到我们中国来了,用淘宝镜像npm下载一些配置文件会更快一些)

操作如下:电脑右下角  window输入cmd, 把

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

复制到cmd里面去就可以拉。(注释:我们用ctrl+C 复制网站,在cmd中鼠标点击右键粘贴就可以复制
npm install -g cnpm --registry=https://registry.npm.taobao.org   然后回车键进行安装。

3.安装vue文件

cnpm install i vue -S

4.安装vue脚手架,关于脚手架问题,

有些兄弟姐妹会发现安装的时候会一直卡着不动,我也遇到过这个问题,最后查资料发现是我安装的vue脚手架版本比较低出现的问题

// 之前我安装的时候是用 cnpm  install -g vue/cli  用这个安装的是旧版本的特别伤,我用vue init webpack app的时候,真的卡在一个地方一个晚上,睡醒后发现还是卡在那个地方,所以一定要切记安装 vue脚手架一定要安装最新版本的,最新版本如下:
cnpm install -g @vue/cli
cnpm install -g @vue/cli-init

安装上面2个vue脚手架配置文件后,输入:
vue init webpack app     

//备注: app 是自己建立的文件,名字可以自己取,比如 my-app呀,或者其他的均可

//配置的时候 除了 use ESlint to lint your code 选择n 其他都是选择y   ,因为 use ESlint to lint your code 我们写代码的时候会比较严格,比如代码必须空格相同呀....

当安装完毕后,输入npm run dev
运行完毕后会给我们一个网址  http//localhost:8000

5.一些需要了解的 vue脚手架目录

build 是webpack配置文件
config 核心文件
src存放的是资源,assets中存放的是静态资源比如 图片

router是路由

原文地址:https://www.cnblogs.com/Aangle-long/p/11600966.html

时间: 2024-10-09 01:05:29

安装Vue安装脚手架以及一直卡着不动的问题的相关文章

npm 在安装 Vue脚手架命令(npm install -g @vue/cli)时报错安装报错--“Unexpected end of JSON input while parsing near···”

在安装Vue的脚手架(npm install -g @vue/cli 项目名称)时,提示: Unexpected end of JSON input while parsing near 其实,但凡使用npm 时,只要提示这个,都可以按照以下几种方式进行尝试. 第一种:删掉package.lock.json 第二种:清除cache npm cache clean --force第三种:进入下面这个文件夹,把文件夹npm-cache下的内容删除掉(清除cache) 路径:C:/Users/DELL

安装 vue 及 组件

cnpm 下载包的速度更快一些. 地址:http://npm.taobao.org/ 安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 搭建vue的开发环境: https://cn.vuejs.org/v2/guide/installation.html 1.必须要安装nodejs 2.搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具 npm install --global vue-cli

vue安装(vue-cli脚手架安装)

安装方法1:<script> 标签引入 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入.Vue 会被注册为一个全局变量. vue.min.js的版本 开发版本:包含完整的警告和调试模式 生产版本:删除了警告,24.72kb min+gzip 重要提示:在开发时请用开发版本,遇到常见错误它会给出友好的警告.(开发环境不要用最小压缩版,不然就失去了错误提示和警告!) 安装方法2:使用 CDN 方法 unpkg, 会保持和 npm 发布

Mac OS X下安装Vue脚手架(vue-cli)

前言 Vue作为前端三大框架(Angular,React,Vue)之一,号称是最简单,最容易上手的框架,同时也是行内的大趋势,还可以用来开发最火的小程序.具有开发快,双向数据流等特点,有些人认为Vue是Angular和React的结合,既有Angular的模板语法也有React的组件化体系,以至于促使其发展飞快.下面来就来讲讲Vue脚手架(vue-cli)的安装吧. 安装vue(使用npm 推荐) # 全局安装 vue-cli $ npm install --global vue-cli # 创

关于npm和yarn 安装vue脚手架

第一篇博客有点小紧张.轻喷~ 第一步:安装node.js       地址 --------https://nodejs.org/en/ 详细步骤这里就不写了    可以去看     地址 --------https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html 第二步:下载完了之后进入cmd  输入node -v查看版本号 看到上面表示安装成功.node.js是自带npm的,直接npm install -g @vue/cli

安装vue脚手架及其他vue工具

一.安装vue脚手架   网上有许多教程,基本都是大同小异,不在这里班门弄釜了,具体可以参照下面链接这个博客. https://www.cnblogs.com/loveyaxin/p/7094089.html 二.安装vue工具之vue-devtools-dev 其实安装这个工具比安装vue脚手架更简单,注意细节就好. 1.在GitHub上下载压缩包,下载地址:https://github.com/vuejs/vue-devtools 2.将文件解压到任意盘,然后cmd到vue-devtools

vue的脚手架安装教程和使用目录的介绍

本次教程的全在在node上面安装进行,如果不会使用可以翻看以前的教程. 因为vue近期刚发布了第四代的版本,还不是十分的稳定,我们本次使用的是3带的版本 1.安装vue项目的脚手架 在终端   >cnpm i @vue/[email protected] -g    //安装第三代的版本 在安装完成后 > vue create myapp   //新建一个名字叫做myapp的文件夹 以下是安装步骤,具体解释可以看一下.如果不理解可以留言 * 选择 vue 项目的 东西 除了typesctipt

npm——安装教程、安装vue脚手架

npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题.比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用. 2)允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用. 3)允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用. 首先:先从nodejs.org中下载nodejs 如图,下载8.9.3LTS(推荐给绝大部分用户使用的) 双击安装 一直Next 可以使用默认路径,本例子中自行修改为d:\nodejs 点击In

vue开发搭建(npm安装 + vue脚手架安装)

一.概念 1.npm:  Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue-cli:   用户生成Vue工程模板.(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 原文:https://www.cnblogs.com/goldlong/p/8027997.html (部分步骤有些修改) 参考文:htt