精华内容
下载资源
问答
  • YDOOK:vue3.0: vue-cli4.5: vue3.0 安装教程 vue-cli4.5 安装教程 ©YDOOK JYLin 1. Key: vue3.0 项目一般通过 vue-cli 构建,所以如果需要设计 vue项目只需要下载安装 vue-cli 即可。 2. vue3.0 安装官方页面: ...

    YDOOK:vue3.0: vue-cli4.5: vue3.0 安装教程 vue-cli4.5 安装教程

    ©YDOOK JYLin


    1. Key: vue3.0 项目一般通过 vue-cli 构建,所以如果需要设计 vue项目只需要下载安装 vue-cli 即可。


    2. vue3.0 安装官方页面:

    https://v3.vuejs.org/guide/installation.html#cdn


    4. 一般的 vue3.0 学习或者轻项目设计,只需要 使用CDN 方式在 JS中引入外网插件即可:

    <script src="https://unpkg.com/vue@next"></script>
    


    展开全文
  • 目录什么是cli什么是vue clinode.js 安装安装脚手架项目结构的介绍创建第一个vue cli的项目 什么是cli 什么是vue cli 中文网站 https://cli.vuejs.org/zh/guide/ node.js 安装 确保电脑安装了node.js 的环境 ...

    什么是cli

    在这里插入图片描述

    什么是vue cli

    中文网站
    https://cli.vuejs.org/zh/guide/
    在这里插入图片描述

    node.js 安装

    确保电脑安装了node.js 的环境

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    以上做的其实就是安装了node.js 的环境,这个就相当于前端的服务器,配置了淘宝镜像,让我们下载东西快一点。还有就是配置了安装文件,也就是我们下载的东西要放到哪里,我们就自定义了一个文件夹,里面放的就是我们下载的依赖。

    安装脚手架

    官网
    https://cli.vuejs.org/zh/guide/ 这个里面是vue3版本

    vue2 版本是https://github.com/vuejs/vue-cli/tree/v2#vue-cli–

    我们现在使用的是2版本

    在这里插入图片描述

    在这里插入图片描述

    项目结构的介绍

    在这里插入图片描述

    创建第一个vue cli的项目

    确保电脑已经安装了node.js 和脚手架vue cli

    在vs软件里面打开一个随便的文件夹,并且打开终端,就像下面这样
    在这里插入图片描述
    在这里插入图片描述
    这样我们就创建了vue的项目了

    在这里插入图片描述
    现在我们要启动这个项目

    我们进入这个项目,并且执行命令

    在这里插入图片描述
    看见出现了这个最后的地址,那么在浏览器输入这个地址,就可以看见这个项目了。

    在这里插入图片描述

    展开全文
  • vue-cli安装教程

    2020-04-10 11:52:22
    vue-cli安装教程 vue-cli详细安装教程,首次写博客,记录一下 一、使用npm安装vue-cli之前,需要配置node环境。 node安装 去node官网(https://nodejs.org/en/download/)下载node安装包,安装。 npm安装 在终端框...

    vue-cli安装教程

    vue-cli详细安装教程,首次写博客,记录一下

    一、使用npm安装vue-cli之前,需要配置node环境。

    1. node安装
      去node官网(https://nodejs.org/en/download/)下载node安装包,安装。
      在这里插入图片描述
    2. npm安装
      在终端框中输入命令:npm install npm -g,然后回车,如图
      在这里插入图片描述
      npm安装完成
      npm安装完成

    二、安装vue-cli

    1. 在命令行工具内输入:npm install --global vue-cli,如图
      在这里插入图片描述
      安装成功
      在这里插入图片描述
    2. 安装完成后输入vue-V,显示出版本号,表示vue-cli安装成功
      在这里插入图片描述
      打开C:\Users\Andminster\AppData\Roaming\npm目录下可以看到:
      在这里插入图片描述
    3. 用vue-cli创建项目
      ① 在本地新建一个文件夹作为项目文件夹,然后使用cd命令进入该文件夹,然后输入命令:vue init webpack todolist。todeolist是自定义的项目名称,执行命令后,会在本地该文件夹下生成一个以TodoList命名的文件夹。
      在这里插入图片描述
      在这里插入图片描述
      ② 输入命令后,会弹出几个选项让你回答:
      Project name (todolist): -----项目名称,直接回车,按照括号中默认名字(注意这里的名字不能有大写字母)。
      Project description (): ----项目描述,也可直接点击回车,使用默认名字
      Author (): ----作者
      接下来还会有(直接默认回车就行):
      Runtime + Compiler: recommended for most users 运行加编译,既然已经说了推荐,就选它了
      Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 仅运行时,已经有推荐了就选择第一个了
      Install vue-router? (Y/n) 是否安装vue-router,这是官方的路由,大多数情况下都使用,这里就输入“y”后回车即可。
      Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码,ESLint是个代码风格管理工具,是用来统一代码风格的,一般项目中都会使用。
      接下来也是选择题Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设,编写vue项目时的代码风格,直接y回车
      Setup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试,我选择安装y回车
      Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试 ,我选择安装y回车
      回答完毕后就开始创建项目了。
      ③ 项目创建完成后文件夹结构如下:
      在这里插入图片描述
      ④ 安装完成后会提示进入项目文件夹,运行代码。
      在这里插入图片描述
      ⑤ 然后执行:cd todolist;npm run dev,项目运行成功,在浏览器中输入地址,成功打开页面
      在这里插入图片描述
      在这里插入图片描述
      ⑥ 打开项目文件夹,我们可以看到有很多文件,每个文件代表的意思如下:
      在这里插入图片描述
      ⑦ 打包操作后续再编辑_
    展开全文
  • Vue搭建过程(教程参考网上各前辈提供的资料): 安装Node.js:从Node.js官网安装Node.js。 安装完成后,直接在命令行程序(win + R => 输入 cmd)中输入 node -v 验证是否安装成功。 如图,node -v后输出了...

    Vue搭建过程(教程参考网上各前辈提供的资料):

    • 安装Node.js:从Node.js官网安装Node.js。

    安装完成后,直接在命令行程序(win + R => 输入 cmd)中输入 node -v 验证是否安装成功。

    如图,node -v后输出了版本号“v6.11.4”,安装成功。

    转载于:https://juejin.im/post/5b991161e51d450ea52f8c39

    展开全文
  • Vue-cli安装教程

    2017-07-27 17:28:00
    第一步:安装vue-cli npm install vue-cli -g -g :代表全局安装。如果你安装时报错,一般是网络问题,你可以尝试用cnpm来进行安装。 检测是否安装成功:可以用vue -V来进行查看 vue-cli的版本号。注意这里的V...
  • 一、安装Node.js 下载地址:node.js下载地址 下载好之后一顿盲安装,点就完了(在下载过程中node会自动配置环境...二、通过vue-cli来搭建vue项目 1、 安装node前提下,打开终端直接输入命令 npm install -g vue-cl...
  • 全局安装脚手架(vue-cli) 命令: npm install @vue/cli -g vue -V 可以查看vue-cli的版本 npm root view -g 查看安装根目录 创建项目 命令: vue create 项目名字 创建项目 ** 一 手动安装 ** 1、选择预设 Please ...
  • npm install -g vue-cli vue -V (查看是否安装成功,成功则会打印版本号) vue init webpack vue-example (一直回车) 然后会生成一个vue-example的文件夹 然后npm run dev可以打开项目 1.分析src目录下面的...
  • 简单的vue-cli安装教程

    2020-06-19 15:30:30
    首先需要先安装nodejs 去官网下载对应操作系统可以使用的nodejs版本 ... 安装成功nodejs检验,更换npm镜像源 打开命令行窗口执行如下命令: 执行node-v,返回node...卸载自带的vue-cli 2.几的版本卸载命令:npm uninstall
  • 安装node ...二 安装vue-cli npm install -g vue-cli 安装成功后可以输入vue查看相关命令的使用,输入vue list可以查看vue可以用的模板:   我们这里选择webpack模板: vue init webpac...
  • Vue CLIvue.js ...安装前需要确保电脑已经安装 Node.js 和 Webpack,如果没有安装,请点击这里查看详细的安装教程 接下来的安装过程比较简单,打开cmd,因为npm慢我用的一直是cnpm,只需下面这行代码即可 npm...
  • 安装脚手架@vue/cli 关于@vue/cli可以看官网指南,如下: https://cli.vuejs.org/zh/guide/ 查看@vue/cli版本 创建项目 通过cd命令切换路径,使用vue命令创建项目,yeb即为项目文件名 项目创建中选择的...
  • vue cli 3.0 安装教程

    2019-03-13 22:19:27
    // 全局安装@vue/cli npm install -g @vue/cli // 创建项目 vue create my-project 我在安装这个第一步的时候会报错下面我把错列举在下面 ERROR command failed: npm install --loglevel error --registry=...
  • 一、使用Vue-cli3创建Vue项目1、检查当前Vue版本输入下面的命令检查当前安装Vue-cli版本:$ vue -V结果如下:说明本机安装的是3版本。如果是2.xx版本,就需要先卸载掉旧版本,然后在安装新版本。卸载旧版本命令:...
  • 安装vue-cli 安装完之后可以通过该命令查看版本 该命令可以查看帮助
  • 记录一下第一次安装vue-cli和创建第一个vue项目,看着网上大神们的教程安装创建的,自己总结一下,与大家分享。 该方法使用的cnpm下载。 第一步:下载Node.js(你没看错,就是要下载Node.js) Node.js中文官网 ...
  • vue-cli脚手架 安装教程 全局安装 vue npm install @vue/cli -g 备注:最好以淘宝镜像进行安装 npm i -g cnpm --registry=https://registry.npm.taobao.org 查看版本 vue -V ( V 是大写) 备注:安装成功截图: ...
  • Vue-cli4.0 安装教程

    2020-07-17 15:15:35
    Vue-cli4.0 安装教程 网上有那么多Vue-cli4.0 安装教程,为什么我还要发一篇尼,因为我发的简单,易上手; 1.新建一个放置项目的文件夹(我是放在E盘下的Project/demo-vue4.0,你随意); 2.打开win命令框,切换到...
  • @vue/cli使用教程vue-cli3.0)

    万次阅读 2019-04-12 17:50:41
    提示:Vue CLI要求Node.js版本8或者更高(8.10.0+ 推荐)。 这一部分请访问网址:https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450141843488beddae2a1044cab5...
  • Vue vue-cli 安装

    2018-10-30 20:08:14
    第一步,安装 vue-cli 全局安装 安装 vue-cli前先安装以下插件 cnpm i webpack webpack-cli webpack-dev-server -g  好了在安装以下插件 cnpm i vue-cli -g vue-cli有三个版本,分别为 simple 简单的 ...
  • 主要介绍了vue-cli安装使用less的教程,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 最详细的vue-cli工具构建VUE项目教程 一、安装node环境 1. 进入node 官网下载安装 网址 https://nodejs.org/zh-cn/ 2. 默认安装安装在C盘) 3. 安装完成后 win+R 键 在运行当中输入 cmd 打开window命令行...
  • vue-cli脚手架安装教程

    万次阅读 2018-10-28 16:29:27
    关于vue-cli脚手架的安装过程比较详细的介绍
  • 1.开始>cmd> npm config set proxy http://ip:端口 ...2.nodejs安装一定不能再C盘 3.开始>cmd> node -v npm -v 4.在nodejs文件夹下创立两个文件"node_cache",“node_global” 5.开始>cmd>...
  • 目录 1. 安装 vue-cli3.0 ,可以使用下列任一命令安装这个新的包: 2.打开终端,创建一个项目 3. 配置 自己选择 4. 项目构建完成 启动项目 ...5.安装axios ...6. 配置 vue.config.js...vue-cli 3.0 官网教程  vue-...
  • 第一步创建一个目录(用来放你的项目...全局安装vue以及vue-cli,在cmd命令行输入 npm install --global vue vue-cli (install代表安装,可简写成i,global代表全局,也可以简写成g,简写后:npm i --g vue vue-cli)

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,092
精华内容 436
关键字:

cli安装教程vue

vue 订阅