全局安装 vue

  • 通过npm命令安装vuejs
    在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 Webpack 或Browserify 的 CommonJS 模块打包器配合使用。(以下操作全在命令行中)

    # 最新稳定版本
    $ npm install -g vue  全局安装
    # 最新稳定 CSP 兼容版本
    $ npm install [email protected]

    快速搭建大型单页应用

    # 全局安装 vue-cli
    $ npm install -g vue-cli
    # 创建一个基于 "webpack" 模板的新项目
    $ vue init webpack project-name
    # 安装依赖
    $ cd project-name
    $ npm install
    $ npm run dev 启动项目

    通过上面的一系列命令,我们便成功启动了项目,这时我们可以在浏览器中输入:

    http://localhost:8080/

    然后就可以看到下面的界面:

hell0-vuejs.png

我们再看看项目结构

时间: 2024-10-31 18:30:27

全局安装 vue的相关文章

全局安装 Vue cli3 和 继续使用 Vue-cli2.x

官方链接:https://cli.vuejs.org/zh/guide/installation.html 1.安装Vue cli3 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli. 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它. Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推

使用 NPM 安装Vue并创建项目

一.下载node.js 官方下载地址:https://nodejs.org/en/download/ 选择相应版本安装 下载完成后一路next安装完成. 一般环境变量会自动添加,打开命令行测试是否安装成功 二.安装cnpm 使用下面命令安装淘宝镜像npm npm install -g cnpm --registry=https://registry.npm.taobao.org 等待安装完成后,使用npm -v命令测试是否安装成功. 三.安装Vue 全局安装Vue CLI 3.X版本 npm i

全局安装vue-cli后为什么输入vue命令行无法运行

全局安装vue-cli后为什么输入vue命令行无法运行 使用 cnpm install -g vue-cli 就行了... 很大可能是 前面安装了淘宝npm镜像 影响到了 原文地址:https://www.cnblogs.com/YHJUN/p/8186204.html

全局安装npm i -g @vue/cli的时候一直出现File exists: /usr/local/bin/vue

最近用vue cli3.0全局安装的时候,一直报错 如下图: 其实他的下面一句已经提示我们了(Remove the existing file and try again, or run npm),删除现有的文件并且重试 直接前往/usr/local/bin/vue 找到这个vue文件然后删除,在重新全局安装,就可以了 原文地址:https://www.cnblogs.com/yhhBKY/p/12187433.html

使用npm安装vue的步骤

第一步:使用npm install  -g vue-cli,全局安装vue-cli 第二步:下载模板代码,使用vue init webpack 项目名,之后的选项按照所需的选择即可 第三步:进入创建的项目中,可以使用dir查看当前项目中的文件 第四步:使用npm install 安装package.json里面配置的各种东西,安装完成之后,package.json中有的设置项就会自动配置好 第五步:使用npm run dev 启动热加载,就会自动执行scripts中配置的"dev"

Mac OS X下安装Vue脚手架(vue-cli)

前言 Vue作为前端三大框架(Angular,React,Vue)之一,号称是最简单,最容易上手的框架,同时也是行内的大趋势,还可以用来开发最火的小程序.具有开发快,双向数据流等特点,有些人认为Vue是Angular和React的结合,既有Angular的模板语法也有React的组件化体系,以至于促使其发展飞快.下面来就来讲讲Vue脚手架(vue-cli)的安装吧. 安装vue(使用npm 推荐) # 全局安装 vue-cli $ npm install --global vue-cli # 创

vue-cli最全的解析了 先全局安装nodejs 安装

一.安装vue-cli,相信你既然会用到vue-cli,自然node环境是OK的,直接命令行下安装 1 npm install -g vue-cli 1 安装nodejs2 npm install webpack -g全局安装webpack npm i vue-cli -g 安装脚手架 新建目录创建文件名demovue init webpack demo 一系列安装 ····· ···进入文件夹cd demo安装依赖npm install npm run dev 运行 原文地址:https://

npm——安装教程、安装vue脚手架

npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题.比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用. 2)允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用. 3)允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用. 首先:先从nodejs.org中下载nodejs 如图,下载8.9.3LTS(推荐给绝大部分用户使用的) 双击安装 一直Next 可以使用默认路径,本例子中自行修改为d:\nodejs 点击In

Vue2.0 实战项目(一) ——安装vue.cli

1.打开Vue脚手架的github地址:https://github.com/vuejs/vue-cli,在README查看如何安装 2.通过npm安装vue $ npm install -g vue-cli 3.通过webpack安装 $ vue init webpack myProjectName 4.切换到创建的项目目录,然后安装依赖文件 npm install