精华内容
下载资源
问答
  • vue2.0创建命令 1. 全局安装vue:npm i -g vue 2. 全局安装vue-cli(2.0):npm i -...vue3.0创建命令 1. 全局安装vue:npm i -g vue 2. 全局安装vue-cli(2.0):npm i -g @vue/cli 3. 创建项目:vue create 项目名称 ...

    vue2.0创建命令

    1. 全局安装vue:npm i -g vue

    2. 全局安装vue-cli(2.0):npm i -g vue-cli

    3. 全局安装webpack: npm i webpack -g

    4. 创建项目:vue init webpack 项目名称


    vue3.0创建命令

    1. 全局安装vue:npm i -g vue

    2. 全局安装vue-cli(2.0):npm i -g @vue/cli

    3. 创建项目:vue create 项目名称

    在这里插入图片描述这里可以选择vue2 还是vue3,回车即可。

    展开全文
  • Vue3.0 创建项目

    2021-05-07 14:47:13
    0 创建项目 检查vue -V vue 项目的版本; vue 脚手架版本高于4.5.0; 一定要高于4.5.0版本才支持创建vue3.0 项目。 2: 如果是创建的是vue2.0 项目, 可以直接升级: 运行命令: Vue add vue-next (命令) 3: ...

    1: Vue3. 0 创建项目

      检查vue -V  vue 项目的版本;  vue 脚手架版本高于4.5.0;  一定要高于4.5.0版本才支持创建vue3.0 项目。

    2: 如果是创建的是vue2.0 项目, 可以直接升级: 运行命令: Vue add vue-next (命令)

    3: 直接升级vue 脚手架版本(必须高于4.5.0版本才可以搭建vue3.0项目)

    4:  使用vite 创建vue3.0 项目:

         Vite: 是一个由原生的ESM 驱动的web  web 开发工具, 在开发环境下基于浏览器原生ES import 开发, 在生产环境下基于Rollup 打包。

    5: Vite 基本使用: 

    1:  npm init vite-app <project-name> (项目名称)
    2:  cd <project-name> (项目名称)
    3: npm install  (安装项目依赖)
    4:  npm run dev (运行项目)

    6: vue2.0 :  options api: 选项API data()   created,  methods,   computed(计算属性),  watch(监听器)   props()

          vue3. : composition api : 组合API 

    // 从vue 按需导入
    import { reactive, onMonted, onUnMouted, toRefs, ref } form 'vue'  
    
    export default {
       // 创建响应式对象
      const mouse = reactive ({
        x: 0,
        y: 0
      })
    
      const msg = ref('hello')
      
      const move =(e) => {
        mouse.x = e.pageX;
        mouse.y = e.pageY
      }
    
      // 生命周期函数
      onMonted(() => {
         document.addEventLisener('mousemove', move)
      })
    
     onUnMouted(()=> {
        document.romoveEventLisener('mousemove', move)
     })
      
     // 只要是在模板中使用的数据和方法必须要return 出去
     return {
        ...toRefs(mouse);
        msg
     }
    }

     函数式编程: 提取数据方便

     vue3.0 中提供了composition api  同时保留了 options api;

    setup函数:  composition api 的入口函数; 

    setup 函数执行时机: 相当于在created  生命周期。

    展开全文
  • 2.0创建 vue init webpack 项目名称 启动 npm run dev 3.0创建 vue create 项目名称 选择项目的位置 cmd d: cd 路径 命令: 1.全局安装脚手架 ...3.创建vue项目 vue create vue3.0(项目名称,...

    2.0创建
    vue init webpack 项目名称
    启动
    npm run dev

    3.0创建
    vue create 项目名称

    选择项目的位置
    cmd d:
    cd 路径

    命令:
    1.全局安装脚手架
    npm install  -g @vue/cli

    npm uni -g vue-cli

    2.全局安装vue/cli-service-global  插件
    npm install -g @vue/cli-service-global

    3.创建vue项目
     vue create vue3.0(项目名称,我直接使用的vue3.0)

    4.项目创建成功
    yarn serve 或者npm serve即可运行项目

    展开全文
  • vite+vue3.0+antd+less创建项目并配置

    一、项目的创建

    使用 npm:

    npm init @vitejs/app <project-name>
    cd <project-name>
    npm install
    npm run dev
    

    使用yarn

    yarn create @vitejs/app <project-name>
    cd <project-name>
    yarn
    yarn dev
    

    二、配置项目在服务器启动时自动在浏览器中打开应用程序

    在这里插入图片描述

    三、引入ant-design-vue

    yarn add ant-design-vue@next

    使用
    在这里插入图片描述

    四、引入less并配置

    yarn add less less-loader --dev

    注意这里有一个坑,注意这里一定要加–dev。
    如果不加,less的依赖会被写入dependencies中。
    但是less和less-loader要放在package.json文件里的devDependencies里的。

    下面两个命令是一样不可以的,都是写到 dependencies
    npm install less less-loader
    npm install less less-loader --save

    在这里插入图片描述
    配置的过程也有一些坑:
    1、引入less之后在main.ts中讲引入的antd的样式文件修改为less

    import ‘ant-design-vue/dist/antd.less’;

    此时项目出现了报错
    在这里插入图片描述
    我们在vite.config.js文件中进行配置
    在这里插入图片描述
    这时报错消失,less的设置起作用了。
    2、但是,第二个坑来了
    我修改代码热更新之后打开浏览器,都生效了。
    在这里插入图片描述

    但是我刷新页面之后,antd的样式出现了问题,自己写的less的样式没有问题。
    在这里插入图片描述
    这个还未解决。。。

    展开全文
  • vue 3.0 创建项目 慢、卡死、创建失败 解决 有很多朋友创建 3.0 项目时,往往会遇到 项目创建项目慢,卡死等一系列问题。 毕竟习惯 2.0时用命令去创建 这里提供一个解决方法 用 视图去创建 在命令输入 vue ui 打开...
  • vue3.0创建项目

    2020-11-04 10:21:37
    一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、...CLI 插件:给Vue 项目提供可选功能的 npm 包 (如: Babe
  • vue3.0创建项目步骤

    千次阅读 2020-07-18 23:09:26
    一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI :@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、...CLI 插件:给Vue 项目提供可选功能的 npm 包 (如: Bab
  • 这是vue3.0文档地址:https://v3.vuejs.org/guide/installation.html(也可以进入2.x版本选择3.0进入); 下面开始说安装步骤 一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli ...
  • 这篇文章主要介绍下vue-cli3.0项目搭建,项目结构和配置等整理一下,分享给大家。 一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue...
  • 创建vue3.0项目

    2019-09-16 16:45:44
    创建vue3.0项目命令为 vue create 我的项目名称
  • 前提:已安装好nodejs,npm tips:安装nodejs后npm也就安装好了 可以通过命令检测版本来看是否已成功安装 ...5、打开终端,输入vue create hello-vue3 创建名为hello-vue3的项目 6、如不需要路由,
  • 在尝试创建vue3.0项目时候报错的这个,在网上找了好多办法,各种各样的都有,在这里记录下我的解决bug路程 报错截图: 解决办法: 刚开始我按照vue2.0的解决办法,删包重装,可是试了好多次,npm/cnpm都试...
  • _框架Vue3.0项目教程(二)Vue3.0医学项目选项卡Tab的实现 对于一个移动端的应用而言,大部分的界面都包含有选项卡、列表及轮播等前端技术手段的存在,这里就从前端的选项卡入手进行Vue3.0项目的开发,使用的工具...
  • vue2创建项目 vue2.0和vue3.0的区别就是选择2.0 3.0 项目就好了 打开cdm命令界面进入桌面 1.vue create +文件名字 选择最后一个 等待中。。。。 这样就好了,接下来 cd one_ove npm run serve 项目就...
  • vue3.0项目创建

    2021-03-01 14:28:04
    用vue的最新脚手架来搭建vue3.0的正式项目 目录: 步骤: 1、安装最新的脚手架,如果有可以不看这步了(***这里使用cnpm) 检查:vue -V 出现下面的就代表成功了 2、在你想建项目的地方打开PowerShell/小黑框,...
  • Vue3.0创建,我们可以使用vue-CLI,WebPack,这两种工具我们在Vue2x中经常使用到,这里我们就不再多讲, 此次我们重点讲述vite工具创建Vue3.0项目...通过cmd命令行工具,在你需要创建Vue3.0项目饿文件夹中执行以下命令
  • VUE3.0学习系列随笔(一):VUE3.0项目初始化 1、VUE3.0简介 VUE3.0相对于VUE2.0的提升主要有以下几点: Performance:性能更比Vue 2.0强。 Tree shaking support:可以将无用模块“剪辑”,仅打包需要的。 ...
  • VUE3.0项目创建手动配置 查看脚手架版本 vue -V 要求在4.5以上,可以创建VUE3项目 cnpm install -g @vue/cli 卸载当前脚手架 npm uninstall -g @vue/cli 安装指定版本 npm install -g @vue/cli@版本号 创建vue3...
  • 第一步进行全局安装vite npm install -g create-vite-app 第二步:通过命令进行创建 create-viet-app demo ...vue3.0兼容vue2.0但是个人感觉把所有的变量都放setup 里面会不会逻辑很乱。 慢慢学吧 ...
  • vue3.0 API文档地址: https://vue-composition-api-rfc.netlify.app/ 1.vue/cli 3以上 2.新建一个项目 vue create vue3-2020...或者直接使用 vite 创建Vue3.0项目 npm i vite npm init vite-app <project-name>
  • Vue3.0项目创建

    2020-11-05 17:45:54
    通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目。 npm install -g create-vite-app //安装vite create-vite-app 项目名称 cd 你的项目 npm install npm run dev 目录分析 1.index.html 所有...
  • vue2.0项目vue3.0项目的区别 1、创建方式 vue2.0项目创建方式: vue init webpack projectname vue3.0项目创建方式: vue create projectname ...vue3.0项目可在项目根目录创建vue.config.js文件来进行w
  • 怎么新建vue3.0版本项目    vue-cli脚手架版本是@vue/cli 4.5.13,可以选择生成是3.0版本还是2.0版本项目
  • 如何搭建vue3.0脚手架

    2021-01-03 22:08:31
    一 创建vue3.0脚手架 1、如果已经安装过vue2.0,要先卸载vue2.0,没有安装过的话可以忽略这一步(也可以不...3、vue3.0创建项目命令 vue create my-project 4、vue3.0运行命令 npm run serve 5、关闭vue3.0自带eslint
  • 使用脚手架命令创建项目 vue create vue3_test 过程中如果报错,且报错如下: No matching version found for @vue/cli-plugin-babel@~5.0.0. 升级vue-cli可解决 npm i -g @vue/cli@next 后面还有一步 是否...
  • 1. 安装 安装Vue-Cli3.0命令发生一些变化 npm安装Vue-Cli3.0 $ cnpm install -g @vue/cli 而之前Vue-Cli2.0安装命令是这样 ...Vue-Cli3.0创建项目命令 可参考:参考文章 $ vue create “项目名称” **def
  • Vue 3.0 项目搭建

    2020-06-20 22:06:54
    Vue 3.0 项目初始化 第一步,安装 vue-cli: npm install -g @vue/cli 安装成功后,我们即可使用 vue 命令,测试方法: vue -V 第二步,初始化 vue 项目...目前创建 Vue 3.0 项目需要通过插件升级的方式来实现,vue-
  • npm install -g cnpm -registry=...安装淘宝镜像 cnpm install -g vue-cli cnpm install --save-dev webpack cnpm uninstall -g vue-cli cnpm install -g @vue/cli cnpm install -g @vue/...
  • 1、安装vue-cli4.x 可以使用下列任一命令安装这个新的包: npm install -g @vue/cli # OR yarn global add @vue/cli 你还可以用这个命令来检查其版本是否正确: vue --version ...2、创建vue3.0项目 执行创建

空空如也

空空如也

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

vue3.0创建项目的命令

vue 订阅