vue-cli安装步骤

永阳 永阳     2022-11-18     717

关键词:

vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node

条件:  node在4.以上,npm在3以上

安装 指令:

1、npm install -g vue-cli

在全局下安装vue-cli

 

# 安装 vue-cli
npm install -g vue-cli

# 初始化 webpack 项目
vue init webpack my-project
cd my-project
# npm可能出现访问速度极慢的情况,推荐使用cnpm
npm install
#安装 vux 发版请使用 npm install vux@next
npm install vux
#安装less-loader, vuejs-templates模板默认不安装less less-loader
npm install less less-loader --save-dev
# 调试
npm run dev
npm install -g vue-cli在全局c盘下面安装,,

 

安装到这儿:

 

到相应的目录下面进行下面步骤:desktop/vue/

 

安装完成后,  npm  run  dev  运行!!

 

下载vue-router  npm  install  vue-router  --save

 

补充:利用vue-cli脚手架工具安装项目时,Use ESLint to Lint your code? NO  提示是否启用eslint检测的 (语法格式检测) 新手最好选择NO ,,否则会有很多警告!

 

 

 

vue-cli的安装步骤详细版本

...webpack条件: node在4.以上,npm在3以上 使用$npminstall-gvue-cli安装步骤: 1、cmd打开命令行窗口 2、输入npminstall-gvue-cli,然后回车等待 3、安装结束后输入vue-V如果显示版本号继续下一步操作 4、vueinitwebpack后面接上要创建的目录名回... 查看详情

vue-cli使用步骤

1、安装vue-cli: cnpminstallvue-cli-g2、初始化:vueinitwebpack-simple[项目名称]或 vueinitwebpack[项目名称]3、安装依赖:cd  [项目名称]  然后cnpminstall4、运行项目:npmrundev5、打包:npmrunbuild6、其他:   安装路由: 查看详情

vue脚手架安装步骤vue-cli(代码片段)

1.环境搭建   安装node.js:    从node.js官网下载并安装node,安装过程很简单。    npm版本需要大于3.0,如果低于此版本需要升级它:#查看版本$npm-v2.3.0#升级npmcnpminstallnpm-g2.安装vue-cli脚手架构建工具 ... 查看详情

vue-cli起项目步骤(代码片段)

一、安装node.js安装完成后,可以命令行工具中输入 node-v 和 npm-v,如果能显示出版本号,就说明安装成功。二、安装webpacknpminstallwebpack-g安装完成后使用webpack-v,如果出现相应的版本号,则说明安装成功。三、安装vue-... 查看详情

vue-cli3.x安装配置步骤详细说明(代码片段)

...命令行快速配置和生成一个vue项目。CLI:@vue/cli 全局安装的npm包,提供了终端里的vue命令(如:vuecreate、vueserve、vueui等命令)CLI服务:@vue/cli-servic 查看详情

vue-cli启动过项目步骤(代码片段)

一、安装node.js安装完成后,可以命令行工具中输入 node-v 和 npm-v,如果能显示出版本号,就说明安装成功。二、安装webpacknpminstallwebpack-g安装完成后使用webpack-v,如果出现相应的版本号,则说明安装成功。三、安装vue-... 查看详情

vue-cli脚手架安装

...套vue的结构,包含基础的依赖库,只需要npminstall就可以安装,步骤:1.前提:安装了npm,淘宝NPM镜像等 2.检测是否已经安装vue-cli,执行以下命令  vue--version    若执行不成功,在进行:  cnpminstall-gvue-cli   ... 查看详情

vue-cli5.0引入jquery组件的步骤

参考技术A1.安装jQuery2.修改vue.config.js文件3.新建test.vue文件 查看详情

macos安装vue-cli初始化vue项目

...记的可能性非常大,此时我们就可以查阅自己的博客进行安装新环境,话不多说,以下为步骤:安装nodejs安装vue-clinpminstall-gvue-clips:如果想尽快安装进度,可以通过淘宝的镜像使用cnpm提高效率,安装cnpm输入:npminstall-gcnpm--registry... 查看详情

vue项目搭建步骤

一.vue-cli初始化1.全局安装vue-cli  npminstall--globalvue-cli2.创建一个基于webpack模板的新项目  vueinitwebpackmy-project3.安装依赖  cdmy-project  npminstall(换源安装:npminstall--registryhttps://registry.npm.taobao.org)  npmrundev 查看详情

安装vue-cli(代码片段)

安装安装node环境版本要求:vue-cli需要8.9或者是更高的版本。官网下载:https://nodejs.org/zh-cn/download/下载之后根据提示进行步骤安装,然后下面是安装好之后的检查是否存在以及版本号//查看版本信息node-v安装npm环境... 查看详情

安装vue-cli(代码片段)

安装安装node环境版本要求:vue-cli需要8.9或者是更高的版本。官网下载:https://nodejs.org/zh-cn/download/下载之后根据提示进行步骤安装,然后下面是安装好之后的检查是否存在以及版本号//查看版本信息node-v安装npm环境... 查看详情

vue的脚手架模板创建流程(vue-cli):

步骤一:$cnpminstallvue-g//全局安装vue步骤二:$cnpminstall--globalvue-cli//全局安装vue-cli脚手架步骤三:如上图,使用vueinitwebpack-simplevue(此vue为项目名)创建名为vue且模板为webpack-simple的项目,并一直按回车。注意点1:vue-cli脚手架中... 查看详情

vue-cli搭建项目

...天忘记了还可以回顾回顾@[email protected]现在我们开始安装步骤:一、安装node.js要运行项目node环境是必不可少的,还没有安装node的员员们可以到http://nodejs.cn/下载安装包(下载与电脑系统相匹配的安装包哦)。安装完成后,... 查看详情

搭建vue脚手架(vue-cli)

搭建vue-cli脚手架构建工具步骤:首先:1、安装nodejs2.安装淘宝镜像(npminstall-gcnpm--registry=https://registry.npm.taobao.org)3、cnpm-v若出现相应的版本号则说明镜像安装成功4、安装webpack(npminstallwebpack-g)5、webpack-v检查是否安装成功6、安... 查看详情

初学者使用cnpm安装vue-cli

初学vue.js,在使用npm安装vue-cli的时候遇到了很多困难,在网上找了很多资料,下面是具体的安装步骤:一.安装node,官网下载https://nodejs.org/zh-cn/安装淘宝镜像1.在node安装目录下shift+右键打开命令提示窗口,输入:npm install -g&n... 查看详情

vue-cli项目创建及项目结构说明

一、vue-cli简要安装步骤1.window下打开运行,输入cmd打开终端。2.检查node和npm的安装情况在终端中分别输入:node--versionnpm--version如果没有安装node和npm,需要安装一下。3.全局安装vue-cli在终端中输入:npminstall--globalvue-cli二、项目创... 查看详情

在vue-cli中安装scss,且可以全局引入scss的步骤

...scss文件import会报错,因此记录下处理的方法。步骤一:安装node- 查看详情