vue-cli安装

晶宝 晶宝     2022-10-21     232

关键词:

第一步,需要下载并安装node.js以及他的npm组件;

第二步,用node -v;npm -v来测试node.js以及npm是否安装成功

第三步,下载vue-cli,在命令行中输入npm install -g vue-cli,自动下载vue-cli,全局安装

第四步,命令行中输入vue,测试vue是否安装成功,安装成功

第五步,命令行vue list看vue中有哪些子类

第六步,用vue init webpack ***命令行,下载webpack包

安装选择:

①、Project name (sanfeng1);项目名称(sanfeng1)。(确定按enter,否按N)

②、 Project description (A Vue.js project);项目描述(一vue.js项目)。(随意输入一段简短介绍,用英文)

③、Author;作者。(确定按enter,否按N)

④、Vue build (Use arrow keys)> Runtime + Compiler: recommended for most usersRuntime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render         functions are required elsewhere;Vue公司的建立(使用箭头键)>运行时+编译器:大多数用户推荐运行时间:约6kb轻民+ gzip,但模板(或任何Vue具体HTML)只允许在。VUE文件渲染功能是必需的其他地方。(按enter)

⑤、Install vue-router? (Y/n);安装的路由?(/ N)。(可安可不安,以后也可以再安,根据需求选择)

⑥、Use ESLint to lint your code? (Y/n);使用ESlint语法?(Y/ N)。(使用ESLint语法,就要做好心理准备,除非你非常懂ESLint语法,要不就会处处报错,我就被逼疯过,建议N)

⑦、Setup unit tests with Karma + Mocha? (Y/n);设置单元测试?(Y / N)。(选N)

⑧、Setup e2e tests with Nightwatch? (Y/n);Nightwatch建立端到端的测试?(Y / N)。(选N)

第七步,进入我们刚才创建的项目,cd sanfeng1,并安装依赖npm install,安装成功

第八步,运行这个项目 npm run dev运行成功

 

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(因为速度和稳定... 查看详情

使用nodejs安装vue-cli

TIP:win10下安装,使用管理员身份进行,否则会有权限限制。1,安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npminstall--globalvue-cli)----想安装速度快点,可以使用淘宝镜... 查看详情

介绍vue-cli

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

关于vue-cli的安装

(一):*安装vue-cli参考: https://cn.vuejs.org/v2/guide/installation.html https://github.com/vuejs/vue-cli全局安装: npminstallvue-cli-g或者npminstall-g@vue/cli-initcd到某文件夹下初始化: cd./vue_app vueinitwebpackproject_one 查看详情

vue-cli脚手架安装

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

vue-cli

安装vue-cli安装好了node,我们可以直接全局安装vue-cli:npminstall-gvue-cli安装完成后,可以使用 vue-V (注意V大写)查看是否安装成功。生成项目 vueinitwebpackE:webApp>vueinitwebpack?Generateprojectincurrentdirectory?Yes‘git‘????????????? 查看详情

vue-cli的安装及目录

...代码部署。热加载特性提高编程效率。单元测试。vue-cli安装:到此我们的安装就成功了,打开http://localhost:8080就可以看到welcome界面了。快捷键:进入文件夹,按住shift再右键可进入命令行目录结构build:webpack配置相关的文件confi... 查看详情

vue-cli安装步骤(转载)

参考资料:Vue2.0新手完全填坑攻略—从环境搭建到发布1.Node.js安装   https://nodejs.org/en/download/2.安装vue-cli   npminstall-gvue-cli3.使用vue-cli初始化项目vueinitwebpack-simplemy-project-name (图片来源网 查看详情

vue-cli搭建(代码片段)

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

vue-cli安装

注:安装sass的前提是安装Ruby注:安装vue的前提是安装node注:安装node的前提是安装Python项目模板Simple  个人感觉没用WebpackWebpack-simpleBrowserifyBrowserify-simple  1、Npminstallvue-cli-g 安装vue命令环境安装OK?vue-version2、... 查看详情

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

一、node安装 1)如果不确定自己是否安装了node,可以在命令行工具内执行:node-v (检查一下版本);2)如果执行结果显示:xx不是内部命令,说明你还没有安装node,node安装地址:http://nodejs.cn/download/注:安装vue-cli脚手架... 查看详情

vue-cli快速构建vue项目

...手架,用于自动生成vue.js模板工程的。vue-cli怎么使用?安装vue-cli之前,需要先装好vue和webpacknpminstall-gvue//全局安装vuenpminstall-gwebpack//全局安装webpacknpminstall-gvue-cli//全局安装vue-cli注意:上面这些装过一次之后都不需要再安装了... 查看详情

vue-cli的使用(代码片段)

1、安装nodehttps://nodejs.org/en/download/2、webpack安装【我选全局安装】全局安装npminstall--globalwebpack本地安装npminstall--save-devwebpack3、vue-cli的安装【我选全局安装】全局安装npminstall--globalvue-cli本地安装npminstall--save-devvue-cli4、 查看详情

npm安装vue-cli

TIP:win10下安装,使用管理员身份进行,否则会有权限限制。1,安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npminstall--globalvue-cli)----想安装速度快点,可以使用淘宝镜... 查看详情

vue-cli(vue脚手架)安装并创建项目(代码片段)

...  实际项目中经常会用到vue-cli,今天就整理一下他的安装方式。准备工作:  首先安装node和npm,并且保证node版本是v6及以上,话不多说,上图   然后安装vue3,安装方式如下:npminstall-g@vue/cli备注:vue-cli3.x和2.x的区别... 查看详情

前端vue-cli安装

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

vue-cli搭建项目

使用vue-cli搭建项目(1)安装node.js a.可以到node.js官网上下载版本,直接安装, b.安装完成后,在window系统下的cmd中输入node-v和npm-v来查询是否安装成功,以及当前安装的版本号; 或者如果电脑安装了git,右击打开gitbash命令行中输... 查看详情