精华内容
下载资源
问答
  • vue脚手架安装步骤
    2022-06-02 23:59:12

    1、可以先配置npm淘宝镜像:

    npm config set registry https://registry.npm.taobao.org

    2、全局安装@vue/cli

    npm install -g @vue/cli

    3、再次打开cmd,输入vue,检查是否安装成功

    4、找到需要安装脚手架的目录

    5、输入:vue create + 名字

     vue create vue_test

     

    6、进入已安装好的脚手架文件,这里在vue_test,输入:

    npm run serve

     

    两次ctrl+c停止服务器

    更多相关内容
  • vue脚手架安装步骤

    2021-12-25 15:55:52
    如果要使用vue 需要安装vue脚手架 vueci (https://cli.vue.js.org/zh/guide/); 命令: npm install -g @vue/cli vue新建项目 第一步:查看node 版本号 如果低于 版本10 的话安装最新版node 如果没有cnpm

    安装软件

    node --404 | Node.jsicon-default.png?t=LA92http://nodejs.cn/downfoad/

    (安装完成后,本地就会有npm 如果你想让速度更快 可以安装淘宝镜像 http://npmmirro r.com/)

    如果要使用vue 需要安装vue的脚手架 vueci (https://cli.vue.js.org/zh/guide/);

    命令: npm install -g @vue/cli

    vue新建项目

    第一步:查看node 版本号 如果低于 版本10 的话安装最新版node

    如果没有cnpm 的话 需要安装cnpm 如果已经安装过cnpm 可以跳过

    安装cnpm的命令是:

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    第二步:cmd终端中安装vue脚手架 cnpm i @vue/cli -g

    安装成功后可以执行 vue -V (注意:-V 是大写) 查看vue版本号 来检测是否成功

    第三步:

    创建项目: 在想要创建项目的文件夹中打开终端,执行 vue create demo (demo是要创建的项目的名称)

    如果出现如下界面 输入y 意思是问你要不要使用淘宝镜像,没有这个界面的话执行下一步就行

    第一个界面 选择如下 意思是

    第一次创建项目需要手动选择项目配置 上下键进行切换 按回车键执行下一步

    第二个界面 按如下 用空格键进行选择,用上下键切换意思是 选择项目的配置和功能

    第三个界面 选择vue的版本 我们要选择第二个版本

    第四个界面 问你选择的路由的模式 输入n 按回车下一步就行

    第五个界面 选择如下

    第六个界面 意思是问你 把配置文件分开放还是 放在一起

    第七个界面:是不是要把你刚才的配置存下来 并且起一个名字 ,下次再次执行 vue create xxx命令创建项目的时候就可以直接使用这个保存下来的模版了

     

    第八个界面:项目创建成功 执行 提示的两个命令(cd xxx 和npm run serve)就可以开启vue的项目啦!!!

    展开全文
  • 6.切换到要创建项目的目录,然后使用命令创建项目此处演示的项目名为"filename"cdfilename(注意cd进入的是刚刚创建脚手架的文件夹)9.退出项目需要输入两次!...4.全局安装@vue/cli。7.切换到项目的目录里。...

    1. 键盘输入win+R,弹出窗口

          

    2. 在弹出窗口中输入cmd进入控制面板

     

    3. 进入控制面板显示这个页面

      

    4. 全局安装@vue/cli

        npm install -g @vue/cli  + 回车

    5. 查看是否安装成功

    vue -V

     

    6. 切换到要创建项目的目录,然后使用命令创建项目 此处演示的项目名为"filename"

        vue create filename

     

    7. 切换到项目的目录里

         cd filename  (注意:cd进入的是刚刚创建脚手架的文件夹)

    8. 进入项目文件里,在控制面板中输入命令,启动项目

        npm run serve

     项目启动成功

     9. 退出项目 需要输入两次!!!两次!!!!Ctrl+c(复制的快捷键)

    两次Ctrl+c之后,命令窗口变成能输入状态,表示退出成功

     

    展开全文
  • VUE脚手架安装步骤

    千次阅读 2021-07-02 20:06:37
    (2)安装node 一路点下一步即可 (3)检查node版本 (4)检查NPM版本 (5)切换淘宝NPM库 1).npm install -g cnpm --registry=https://registry.npm.taobao.org 方式2: 2).npm config set regi.

    1. 官网下载

    (1)如果是window7系统: 下载安装13的版本 URL: https://nodejs.org/dist/latest-v13.x/

    window10 下载14版本

    (2)安装node  一路点下一步即可

    (3)检查node版本

    (4)检查NPM版本

    (5)切换淘宝NPM库
    1).npm install -g cnpm --registry=https://registry.npm.taobao.org
    方式2:
    2).npm config set registry https://registry.npm.taobao.org (建议使用第二种)

    (6)检查镜像配置是否生效 npm config list

    (7)

    安装VUE和客户端
    命令: npm install -g @vue/cli --force            等待安装完成之后即可

    2.报错说明

    报错如下:

    解决方法一:删除用户目录下的文件,之后重新安装. (删除文件 不要删除目录)

    方法二: 执行卸载命令 npm uninstall -g @vue/cli 之后重新执行安装(执行安装命令) 

    3.初始化VUE项目

    3.1初始化UI工程

    3.2创建项目

    手动

    3.3功能选择

    3.4配置

    3.5安装完成

    4.初始化项目

    4.1 安装插件

    4.1.1添加如图所示插件 

    4.1.2添加配置插件

    4.2安装依赖

    4.2.1安装axios依赖

    4.2.2安装开发依赖 less-loader

    在项目目录下  cmd进入本目录下 执行以下命令(在VUE项目的根目录启动执行安装命令)

    npm install less-loader@5.0.0

    4.2.3安装开发依赖 less

     

     4.2.4安装运行时依赖 富文本编辑器

    4.2.5安装运行依赖 echars插件

     

     4.2.6关闭校验

    保存之后 重新启动Vue即可

     

    展开全文
  • Vue脚手架安装教程

    万次阅读 多人点赞 2022-03-04 22:22:17
    一、安装Node.js及配置环境 1、下载Node.js ①浏览器中输入Node.js进行搜索,找到Node.js官网 ②选择14.17.6版本进行下载 ③下载完之后打开文件进行安装安装Node.js 第一步:点击Next 第二步:...
  • vue脚手架安装过程

    2018-01-29 17:39:03
    vue脚手架安装过程,只是简单的介绍了vue-cli的安装过程
  • 详细描述Vue CLI的安装步骤
  • 最详细的Vue脚手架安装教程

    千次阅读 2021-11-28 12:47:00
    Vue脚手架安装
  • vue-cli脚手架模板是基于node下的npm来完成安装,这篇文章主要介绍了vue-cli脚手架安装教程图解 ,需要的朋友可以参考下
  • 2 安装node.js 一路下一步安装即可. 3 检测node.js版本 node -v 4 检查NPM版本号 npm -v 5 切换淘宝NPM库 方式1: npm install -g cnpm --registry=https://registry.npm.taobao.org 方式2:(建议使用第二种) npm...
  • vue脚手架环境安装

    2022-05-27 19:25:25
    在今天vue脚手架环境安装快把我整懵逼了,累死我了经过一下午时间终于找到了原因和具体所在 第一步: 安装好node.js 安装教程:二进制zip安装(不需要下载)msi(需要下载安装)->(安装教程从(Node.js 中文网...
  • vue脚手架安装vue脚手架创建项目(详细步骤) vue是前端非常火的框架,学会这个框架麻麻再也不用担心我获取不到dom的了 废话不多说,直接开整。 首先,我们要先到nodejs官网下载与电脑适配的nodejs文件到电脑上...
  • vue脚手架安装以及vue脚手架创建项目(详细步骤
  • vue脚手架安装步骤详情

    千次阅读 2020-03-01 17:24:39
    Vue脚手架帮助你快速开始一个vue项目,其实其本质就是给你一套文件结构,包含基础的依赖库,你只需要npm install一下就可以安装。让你不需要为编译或其他琐碎的事情而浪费时间,这并不会限制...
  • Vue脚手架安装教程】

    千次阅读 2022-04-18 10:27:25
    安装Vue脚手架之前,要先安装node.js配置环境 提示:以下是本篇文章正文内容,下面案例可供参考 一、安装Node.js 1.搜索node.js官网下载自己对应版本 https://nodejs.org/ 2.打开文件双击安装,一直点next。安装...
  • vue脚手架步骤
  • vue安装脚手架步骤(vue2脚手架+vue3脚手架)
  • node.js和cnpm的一个搭建 最后是vue脚手架的搭建。
  • 下载后安装即可。新版Node.js自带npm包管理器 # 查看node的版本 node -v # v12.16.1 # 查看npm版本 npm -v #6.13.4 第一个Node.js程序,新建helloworld.js文件,内容如下 console.log(Hello World) console.log...
  • 全局安装@vue/cli。 npm config set registry https://registry.npm.taobao.org ## 安装 # -g:全局安装 npm i -g @vue/cli ## 安装成功后,检查 vue --version vue -V # VueVueCLI是两回事 ## 卸载(了解) ...
  • vue脚手架安装

    千次阅读 2021-11-04 11:17:58
    安装脚手架软件: 1、电脑需要安装node软件: http:/ / nodejs.cn/download/ 使用 node -v 查看版本, 目前最高 16.11 2、确保 npm 是中国镜像: ...3、利用npm 安装 vue脚手架软件 安装命令: npm i -g @vue/cli --
  • 安装脚手架前需要安装node-v16.13.0-x64.msi, 打开命令工具(win+r调出运行,打开cmd),node -v可以查看版本号 利用淘宝镜像,用它的原因很简单,npm命令在国内下载速度很慢,用淘宝镜像加快下载速度(淘宝镜像会...
  • 手把手教你安装vue脚手架

    千次阅读 2022-04-18 08:26:58
    第一步 先安装Node.js Node.js官网 ...第二步 安装vue脚手架 通过win+R键 输入cmd 进入命令行 为了能更快的下载脚手架首先我们需要输入下方命令安装淘宝镜像 npm config set registry=http://registry.

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,578
精华内容 3,831
关键字:

vue脚手架安装步骤