npm安装vue-cli

北野 北野     2022-09-14     696

关键词:

TIP:win10下安装,使用管理员身份进行,否则会有权限限制。

1,安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npm install --global vue-cli)

----想安装速度快点,可以使用淘宝镜像如下

----通过config命令    npm config set registry https://registry.npm.taobao.org    

             npm info underscore(如果上面配置正确这个命令会有字符串response

 

2,安装后,检查是否安装成功(显示版本则安装成功)。(vue -V)

 

3,使用vue建一个项目名叫“my-project”。(vue init webpack my-project)

----注:vue-cli 的模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的 webpack.config.js 中。

----webpack-simple 相对简单的,它根目录下才有个 webpack.config.js。

 

4,注意:项目建立过程中,有如下选择,选择NO。(该选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,可以避免不必要的麻烦)

----ESLint规范建议开启,加强代码规范

 

5,建立项目后,安装项目依赖npm install

 

6,安装成功,项目目录下多出一个node_modules文件夹

 

7,进入项目目录文件夹(my-project)中,就可以使用vue进行开发啦

 

8,使用npm run dev,便可以打开本地服务器实时查看效果(localhost:8080)

 

9,初始效果

 

10,退出监听,可以直接Ctrl+C,选择Y。

vue-cli搭建(代码片段)

一、安装vue-cli安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm-v  检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node,我这里的npm版本... 查看详情

npm 错误!安装 vue-cli 时编码 EPERM

】npm错误!安装vue-cli时编码EPERM【英文标题】:npmERR!codeEPERMwhileinstallingvue-cli【发布时间】:2018-02-1815:27:27【问题描述】:当我运行npminstall-gvue-cli时,它不断抛出此错误消息:npm错误!路径C:\\Users\\EndUser\\AppData\\Roaming\\npm\\node_mod... 查看详情

笔记npm安装vue-cli

...于vue的认识有了更深一步的认识,但是其脚手架vue-cli的安装流程还是有点懵,于是今天重新试了一遍加深认识网上参考过一些有用的教程在这里分享一下:npm全局安装完vue-cli命令行输入vue不是内部命令的解决方法 http://www.cn... 查看详情

前端vue-cli安装

...网下载:https://nodejs.org/en/右边稳定版,左边最新版下载安装程序之后双击运行,无脑下一步 打开终端输入版本查看命令:node-vnodejs有npm,类似linux的rpm包管理器的东西同理这个也有版本npm-v 不推荐使用npm获取vue-cli程序,... 查看详情

安装nodejs安装npm安装cpnm安装vue-cli脚手架

...本,https://nodejs.org/en/download/下一步下一步就好2、为什么安装npm它是Nodejs下的包管理器。安装好nodejs就可以使用npm检查是否成功安装好之后,对npm安装的全局模块所在路径以及缓存所在路径,进行环境配置。是因为以后在执 查看详情

局部安装并使用vue-cli(或者其他npm包)

新建目录:mkdirvue-cli2切换目录:cd vue-cli2初始化项目:npminit-y安装:npmivue-cli查看版本:npxvue-V使用:npxvueinitwebpackproject补充:安装vue-cli3.x:npmi@vue/cli@3使用:npxvuecreateproject  查看详情

vue-cli安装步骤

vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node条件: node在4.以上,npm在3以上安装指令:1、npminstall-gvue-cli在全局下安装vue-cli #安装vue-clinpminstall-gvue-cli#初始化webpack项目vueinitwebpackmy-projectcdmy-project#np... 查看详情

vue-cli安装与vue项目创建

...先查看npm版本   npm是node的命令 没有的先安装node然后执行npminstall-gvue-cli  如果执行这句命令有问题,则需要将npm的仓库地址改为淘宝镜像    npm install-gcnpm--registry=https://registry.npm.taobao.org    然后... 查看详情

vue-cli安装

第一步,需要下载并安装node.js以及他的npm组件;第二步,用node-v;npm-v来测试node.js以及npm是否安装成功第三步,下载vue-cli,在命令行中输入npminstall-gvue-cli,自动下载vue-cli,全局安装第四步,命令行中输入vue,测试vue是否安装成... 查看详情

vue-cli的安装

 vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node1、安装node,vue运行需要基于npm一定的版本,所以首先升级npm到最新的版本,而在安装的过程中个人比较喜欢淘宝的镜像,所以先安装cnpm(因为速度和稳定... 查看详情

vue-cli教程(代码片段)

1.安装vue-cli再安装完成npm之后,利用npm安装vue-cli,全局安装:npminsall-gvue-cli。倘若npm速度慢,建议替换为cnpm(https://npm.taobao.org/)。2.初始化vue项目命令格式为:vue-cliinit重要文件讲解:package.jsonpackage.json文件是项目根目录下的... 查看详情

vue-cli环境配置(代码片段)

1.安装npm从node.js官网下载并安装nodenode-v命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入npm-v命令,显示npm的版本信息。 设置全集和缓... 查看详情

vue-cli使用scss安装

第一步npminstallnode-sass--save-dev(一直安装失败,github位置搬了所以换成下面的命令)  1。npminstall--savenode-sass--registry=https://registry.npm.taobao.org--disturl=https://npm.taobao.org/dist--sass-binary-site=http://npm.ta 查看详情

怎么构建vue-cli项目

1.安装node.js(已安装可直接跳过,建议查看node版本,node-v);2.npm包管理器,是集成在node中的,可跳过(npm-v);3.由于npm的有些资源被墙,为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。(全局安装:npminstall-gcnpm,... 查看详情

nvm安装到vue-cli构建项目

首先从https://github.com/coreybutler/nvm-windows/releases下载Nvm到本地然后把本地Nvm包解压安装并从安装路径下找到settings.xml打开,并在后面加上node_mirror:https://npm.taobao.org/mirrors/node/npm_mirror:https://npm.taobao.org/mirrors/npm/然 查看详情

vue-cli中安装方法

vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node1、安装node,vue运行需要基于npm一定的版本,所以首先升级npm到最新的版本,而在安装的过程中个人比较喜欢淘宝的镜像,所以先安装cnpm(因为速度和稳定性都... 查看详情

vue-cli安装

近期梳理了一下win和linux下安装vue项目,总结一下,希望对于看的人有帮助,废话不多说。Linux下安装因为我用的是deepin,所以再此就不演示了。首先电脑上已经安装好了node和npm了,如果没有安装的,后期需要npm包管理工具,如果... 查看详情

安装使用vue-cli脚手架

(1)安装GitBashhttps://gitforwindows.org/(2)安装node.jshttps://nodejs.org/en/download/(3)打开GitBash输入命令node-v  查询node.js是否安装成功npm-v  查询npm是否安装成功(NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很... 查看详情