精华内容
下载资源
问答
  • vue创建项目命令

    千次阅读 2018-08-02 21:10:03
    python: pycharm 前端: hbuilder ...vue的入门(vue 创建项目命令)  (-g 全局)  npm install -g vue-cli  vue list  cd Desktop  vue init webpack vue-music    cd vue-music  npm run ...

    python: pycharm

    前端: hbuilder

     

    vue的入门(vue 创建项目的命令)

         (-g 全局)

         npm install  -g vue-cli

         vue  list

         cd Desktop

         vue init webpack vue-music

     

         cd vue-music

         npm run dev

     

    展开全文
  • vue利用vue ui命令创建项目

    万次阅读 多人点赞 2019-03-07 21:29:53
    vue的官方脚手架是vue-cli,但它已经很久没有大版本更新了,最近发布的vue-cli 3.x ,新增的...注意,vue-cli 3.x已经收归到vue项目下了,所以,直接输入 vue -h 可以看到: 此时我们运行命令 vue ui , 就会启动...

    转自https://segmentfault.com/a/1190000015366009,感谢作者

    vue的官方脚手架是vue-cli,但它已经很久没有大版本更新了,最近发布的vue-cli 3.x ,新增的功能是非常强大的。
    关于vue cli3.0的详细调整,请查看vue-cli 3.0的调整
    关于如何利用vue create 命令创建新项目,请查看Vue CLI 3搭建项目详解

    一、安装

    npm install -g @vue/cli
    

    ps:建议使用cnpm,mac的朋友们记得加上sudo

    二、启动服务

    注意,vue-cli 3.x已经收归到vue项目下了,所以,直接输入 vue -h 可以看到:

    在这里插入图片描述
    此时我们运行命令 vue ui , 就会启动一个本地服务,界面是长这样子滴:
    在这里插入图片描述
    这简直就是一个控制台,界面ui也很舒服~~

    三、创建项目

    点击创建项目会进来这么一个界面:

    1.填写项目名
    2.选择包管理器
    3.选择初始化git仓库
    在这里插入图片描述
    下一步之后会让你选择创建模式:
    在这里插入图片描述
    我们选择手动,此时会让我们选择需要使用的库和插件,比如bebel、vuex、vue-router 等常用的库
    在这里插入图片描述
    接下来会让我们进入到插件的具体配置,比如:
    在这里插入图片描述
    配置完成后点创建项目,此时会弹出:
    在这里插入图片描述
    这是让你保存本次的配置,下次创建项目可以直接使用保存的这套配置。
    在这里插入图片描述
    在这里插入图片描述
    此时可以看到控制台正在下载项目所需要的库,跟使用 vue create 命令做的事情一样,只是把操作可视化了。

    四、管理项目

    经过上面都步骤,项目创建完成,你可以看到下面这个管理页
    在这里插入图片描述
    我们来介绍一下这三个菜单:
    插件:可以从插件商店下载安装各种网上都插件

    在这里插入图片描述
    配置: 对已安装对插件配置管理

    在这里插入图片描述
    任务:就是各种可运行的命令,如打包、本地调试。
    在这里插入图片描述
    运行 serve (在vue cli 2.x版本中是dev 这里是一重大改变!)任务,我们可以看到,我们新建的项目已经跑起来了:
    在这里插入图片描述

    此时我们输入 localhost:8080 就可以看到:
    在这里插入图片描述

    另外,我们还可以在这里看到对项目打包文件对分析:
    在这里插入图片描述
    五、其他功能
    1、导入项目:
    可以导入本地的项目进控制台管理
    在这里插入图片描述
    2、管理项目:
    列出已有的项目,此时已经可以看到刚刚新建的项目。
    在这里插入图片描述
    3、目录结构
    通过cli 3.x 新建的项目的结构较之前简单,只有 public 和 src 两个文件夹
    在这里插入图片描述
    4、 自定义配置:
    此时很多朋友会问了,没有配置文件,那我需要自定义一个配置咋办呢?
    莫慌,此时我们只需要在项目根目录新建一个 vue.config.js 文件就能使用自定义配置了

    module.exports = {
      baseUrl: process.env.NODE_ENV === 'production'
        ? '/production-sub-path/'
        : '/',
      devServer: {
        port: 8000
      }
    }
    

    六、 体会

    本次升级我认为最牛逼之处在于建设了一个属于vue的资源生态圈,把能使用的资源收归起来管理,控制台的ui不仅非常舒服,功能也十分强大,方便那些刚入门的同学,可以很快的搭起一个自己的vue项目。同时对于平时的开发也可以做到很好的辅助。哈哈哈,吹了一波,这东西目前还不是release版本,可以持续关注一下。附上官方地址vue-cli

    展开全文
  • 文章目录一、 安装node及vue/cli二、vue ui创建项目 一、 安装node及vue/cli 1.参见 【安装node】 2. 安装vue/cli,命令行执行 npm install -g @vue/cli 二、vue ui创建项目 cmd输入vue ui后,程序会自动打开...

    vue-cli 3 之后推出了界面化的创建工具,比起命令行更直观、更容易。

    一、 安装node及vue/cli

    1.参见 【安装node】
    2. 安装vue/cli,命令行执行

    npm install -g @vue/cli
    

    二、vue ui创建项目

    1. cmd输入vue ui后,程序会自动打开浏览器
      在这里插入图片描述
    2. 选择项目路径,创建项目
      在这里插入图片描述
    3. 填写项目名,取消git
      在这里插入图片描述
    4. 选择手动配置预设 在这里插入图片描述
    5. 根据需要选择,本次选择Babel、 Router、Linter/Formatter、使用配置文件在这里插入图片描述
    6. 配置在这里插入图片描述
    7. 保存预设,下次创建使用在这里插入图片描述
    8. 等待构建,结束
    展开全文
  • vue命令创建项目

    2018-01-03 18:00:40
    创建项目vue init webpack projectName 进入项目,下载依赖: npm install 或者 cnpm install 运行项目: npm run dev 效果如下: 创建项目  进入项目,下载依赖  启动项目 浏览器查看效果

    环境要求:  安装有 Node.js、 vue、 vue-cli 。

    创建项目:

    vue init webpack projectName

    进入项目,下载依赖:

    npm install 或者 cnpm install

    运行项目:

    npm run dev

    效果如下:

    创建项目

     进入项目,下载依赖

     启动项目

    浏览器查看效果

     

    展开全文
  • vue创建项目的步骤

    2019-06-20 14:28:13
    vue创建项目的步骤 这是我第一次写文章,以后有什么问题就用这个来记录吧,俗话说:“好记性不如烂笔头”还是很有道理的。接下来就开始吧…… 1.由于vue项目依赖node.js npm需要安装。若 没有请先安装: 检查是否有...
  • vue创建项目报错command not found:create-webpack,请不要怀疑,是你创建项目命令写错了!!! vue创建项目报错command not found:create-webpack,请不要怀疑,是你创建项目命令写错了!!! 请在cmd输入...
  • Vue使用命令创建项目

    千次阅读 2020-05-19 16:18:49
    1.打开要创建项目的路径 2.vue creat 项目名称,例hello。此处名字不能大写。否则无法成功创建。 提示选择配置,第一种选择默认的配置,第二种选择手动配置。 默认回车进行创建。 下图为创建过程: 创建...
  • vue创建项目

    2018-01-03 17:45:02
    Vue.js2.0作为国内热门并广为人知的前端框架,其与其他主流框架的优势在此不做过多赘述。搭建框架步骤如下: 安装Node.js 搭建框架需要使用最新稳定版Node.js,请选择LTS版本。 tip1:如果本机有其它项目需要早期...
  • VUE创建项目命令行

    2019-06-16 00:18:56
    vue create 文件名
  • 注意:选好之后,会把该选项设置为默认,以后每次vue创建项目,都会使用你所选的npm/yarn安装。 npm/yarn安装速度对比 1.使用yarn 2.使用npm 总结:两者都在不同时间段多次测试,npm比yarn要快不少,而且稳定,...
  • 1.创建vue项目遇到的问题 npm和cnpm不在同一目录下,所以npm指向淘宝镜像时,cnpm -v 会报cnpm不是内部或外部命令,也不是可运行的程序或批处理文件,此时要去配置环境变量,将cnpm所在目录加入到path中。 D:\...
  • 输入vue ui打开可视化创建窗口,他会自动打开浏览器,点击在此创建项目 接下来用图片解说 直接创建项目即可 保存预设可方便下一次创建新项目,不必进行重复配置 配置完成,正在生成项目 项目就创建好...
  • vue创建项目很慢

    千次阅读 2019-08-02 16:29:46
    今天刚升级了vue3.0,用vue create project 创建项目,结局发现一直卡在安装步骤,上网找了很多问题,网上说要不镜像源换成淘宝镜像源,可是明明我的镜像就已经是淘宝镜像源了 之后我就像或者不开淘宝镜像,开...
  • vue创建项目(npm安装→初始化项目) 第一步npm安装 首先:先从nodejs.org中下载nodejs 官方下载地址:https://nodejs.org/en/ 图1 下载完成后,双击安装,在安装界面一直Next 直到Finish完成安装。 打开控制...
  • cmd进入黑白框输入vue ui使用可视化创建项目,一闪而过问题? 输入命令没有反应一闪而过。 可以输入命令vue -h查看是否有 ui 【options】如果没有 就是版本低了,就需要升级脚手架。 输入命令 cnpm i -g @vue/cli ...
  • vue创建项目流程

    千次阅读 2019-05-18 17:21:11
    搭建Vue脚手架(vue-cli)并创建一个项目 安装nodejs环境 官网下载:https://nodejs.org/en/download/ 一直默认就行,路径可以改变但要记得到 安装完成后cmd,输入 node -v npm -v 如果能看到node和npm的版本号...
  • 使用vue创建项目的详细步骤

    万次阅读 多人点赞 2020-03-26 18:31:35
    由于vue的安装与创建依赖node.js(JavaScript的运行环境)里的npm(包管理和分发工具),因此需要先确保安装node.js。 检测方式:打开cmd命令窗口(Window + R,输入cmd然后回车),输入 node ...
  • vue创建项目步骤(3.0以上)

    千次阅读 2020-04-25 23:08:40
    vue创建项目步骤(3.0以上) 首先我们要看一下我们本地的vue版本,如果是低版本的话按照以下版本升级(没装的话建议安装一下npm和node.js可自行百度) 新打开的窗口如下,滑到最下面 这里的安装也就是升级版本会...
  • vue cli 3 项目命令创建详解 创建项目vue create item_name 默认模式或手动模式 【手动】 安装模式 选择安装特性 【如图】 安装特性 路由配置,Y为history,N为hash 【n】 路由配置 Eslint 【Standard config为...
  • vuecli2创建项目命令

    2020-11-18 15:31:28
    vue init webpack 项目名字
  • vue创建命令 先安装webpack npm install webpack -g 安装vue-cli npm install -g vue-cli 项目名 vue init webpack my-project (my-project为项目名称可随意填写) 到my-project这个项目中去 cd my-project ...
  • 一、使用vue创建项目的详细步骤

    千次阅读 2021-01-10 00:40:19
    一、前言 1、本例环境 node.js:v12.16.1 npm:6.13.4 vue:@vue/cli 4.5.8 环境自己百度下载搭建 二、创建vue项目 注意:不要使用 Git Bash ...在命令行中输入以下命令创建 Vue 项目vue create 【项目名】 Vue
  • vue cli2 创建项目 及各种 命令详解

    千次阅读 2020-07-03 20:31:47
    vue cli2 创建项目 及各种 命令详解 由于新的公司用到 vue cli2 脚手架,我个人惯用 cli3 故整理一下 cli2 基础。 1. 创建项目 创建前请先确定脚手架版本 vue -V 如果不是 2.x.x ,3以上的版本请做兼容处理 可以...
  • 1.安装node.js环境 ... 安装好后,可以输入node -v npm -v 成功的话会显示相应的版本号 ...2.安装vue-cli VUE脚本架工具 npm install -g vue-cli #回车,等待安装 vue -V #若出现vue信息说明成功 3.用...
  • 创建项目vue3项目

    千次阅读 2020-10-15 10:50:23
    创建Vue3的项目目前主要有两种方式: 1.使用@vue/cli 创建,但是版本在4.5.7左右的可以创建 2.使用vite(一个新的构建工具) 使用@vue/cli创建 1.先更新到@vue/cli 的版本到 4.5.7 更新方法: 点击这里 创建方式如下...
  • 使用命令创建VUE项目

    2018-09-26 15:36:51
    使用命令创建vue项目 环境要求: 安装有 Node.js、 vue、 vue-cli 。...创建项目vue init webpack projectName 进入项目,下载依赖: npm install 或者 cnpm install 运行项目: npm run dev...
  • 好久没有创建vue项目了,今天创建了一个新项目,一运行 vue init webpack project_name 就卡住不动,换 vue create project_name 也是卡住不动,然后 命令行关都关不掉, 后来上网找,好多人说什么vue/cli版本的...
  • 前面的话 如何使用Electron-vue来构建Vue项目呢?这篇文章小柒与大家一起来一步一步创建。...通过下面这条命令,就可以创建一个electron-vue项目了。 vue init simulatedgreg/electron-vue ele-vue...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 38,295
精华内容 15,318
关键字:

vue创建项目的命令

vue 订阅