图文详解vue框架安装步骤

vue安装

首先第一步，安装javascript运行环境node.js，根据你系统是32位或64位安装文件如下图。

第二步，安装Nodejs下的包管理器，打开windows命令窗口，输入“npm install -g cnpm --registry=https://registry.npm.taobao.org”命令安装。如下图所示。

第三步，安装vue-cli脚手架构建工具，在windows命令窗口输入"cnpm install -g vue-cli"，如下图所示

第四步，在windows命令窗口输入“vue”,如出现下图所示，表示安装成功。

第五步，输入"cd 安装的目的路径“，"输入"vue init webpack 项目名"创建项目，具体命令见下图。

到安装好的项目文件夹，输入“npm run dev”运行项目，具体操作见下图。

最后在浏览器输入“localhost:8080”看运行效果。

步骤很简单大家可以跟着学习下，感谢大家对我们的支持。

赞 (0)

相关推荐

  • vue-cli中安装方法(图文详细步骤)

    脚手架是指通过输入简单指令帮助你快速搭建好一个基本环境的工具. vue-cli 是vue.js的脚手架,用于快速自动生成vue.js+webpack的项目模板,这样大大降低了webpack的使用难度.下面是详细的安装步骤 vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1.安装node,vue运行需要基于npm一定的版本,所以首先升级npm到最新的版本,而在安装的过程中个人比较喜欢淘宝的镜像,所以先安装cnpm(因为速度和稳定性都比较好) 2.在目标文件夹下

  • Vue项目安装插件并保存

    Vue项目安装插件并保存

    比如安装jszip插件的命令行如下: npm install jszip --save-dev 只有执行了--save-dev 才会将当前安装的插件版本保存在package.json文件中 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • VUE 配置vue-devtools调试工具及安装方法

    1. 通过 Git 克隆项目到本地 git clone https://github.com/vuejs/vue-devtools.git 2. Git 进入到 vue-devtools 所在目录,然后运行以下两个指令. 先运行 npm install 安装项目依赖 再运行 npm run build 进行编译生成 这两条指令的运行都需要一定的时间,请耐心等待,build 成功后如下图: 3.修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件.

  • vue调试工具vue-devtools安装及使用方法

    vue调试工具vue-devtools安装及使用方法

    本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载: git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目录下安装依赖包 cd vue-devtools cnpm install 3.修改manifest.json文件 把"persistent":false改成true

  • 图文详解vue框架安装步骤

    vue安装 首先第一步,安装javascript运行环境node.js,根据你系统是32位或64位安装文件如下图. 第二步,安装Nodejs下的包管理器,打开windows命令窗口,输入"npm install -g cnpm --registry=https://registry.npm.taobao.org"命令安装.如下图所示. 第三步,安装vue-cli脚手架构建工具,在windows命令窗口输入"cnpm install -g vue-cli",如下图所示

  • MySql8.023安装过程图文详解（首次安装）

    MySql8.023安装过程图文详解（首次安装）

    首先下载安装包Mysql官网下载地址,Mysql是开源的,所以直接下载就行了. 这是下载步骤: 然后选择: 因为个人使用原因,我选择了这个: 下载之后,解压下载得到的安装包放在自己喜欢的位置,然后设置环境变量: 我是win10系统,就是此电脑-属性-高级系统设置-环境变量: 在系统变量中双击Path,再点击新建: 把解压后的bin目录所在的路径复制进去就行了! 然后重要的一步就是:在解压后的根目录下,新建一个文本文档文件,后缀名改为.ini 如图所示: 以文本文档打开my.ini,写入以下内容

  • 详解vue项目打包步骤

    详解vue项目打包步骤

    终端运行命令 npm run build 打包成功的标志与项目的改变,如下图: 点击index.html,通过浏览器运行,出现以下报错,如图: 那么应该如何修改呢? 具体步骤如下: 1.查看package.js文件的scripts命令 2.打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl点击,跳转到index.js文件 3.其中dev是开发环境,build是构建版本,找到build下面的assetsPu

  • 图文详解在Anaconda安装Pytorch的详细步骤

    图文详解在Anaconda安装Pytorch的详细步骤

    1. 打开Anaconda Prompt(在命令行格式下,输入代码,建立pytorch环境.安装pytorch.测试pytorch过程) 2. 创建环境pytorch,使用Python版本是3.8 conda create -n pytorch python=3.8 之后,在加载过程中会弹出提示,输入 y,即可安装. 3. 查看环境是否安装成功 conda info --envs 可以看到包含base和pytorch两个环境(*表示当前所在环境) 4. 进入创建的pytorch环境 conda

  • 图文详解WinPE下安装Python

    图文详解WinPE下安装Python

    本文介绍了WinPE下安装Python的具体步骤,供大家参考,具体内容如下 一.下载Python Windows安装包,最新版本为3.3.0 下载地址:http://www.python.org/getit/ 二.在Windows系统中安装Python,如果是WinPE 64bit应安装Python 64bit. * 注意应选择"Install just for me", 其余一路点Next即可 三.解压WinPE启动镜像boot.wim dism.exe /mount-wim /Wi

  • 图文详解Ubuntu下安装配置Mysql教程

    Ubuntu安装Mysq有l三种安装方式,下面就为大家一一讲解,具体内容如下 1. 从网上安装 sudo apt-get install mysql-server.装完已经自动配置好环境变量,可以直接使用mysql的命令. 注:建议将/etc/apt/source.list中的cn改成us,美国的服务器比中国的快很多. 2. 安装离线包,以mysql-5.0.45-linux-i686-icc-glibc23.tar.gz为例. 3. 二进制包安装:安装完成已经自动配置好环境变量,可以直接使用m

  • 图文详解mysql5.7安装教程

    图文详解mysql5.7安装教程

    本文实例为大家分享了mysql5.7安装图文教程供大家参考,具体内容如下 1.在官网下载解压缩版 2.解压后配置默认文件 新建个my.ini(可以复制一份my-default.ini,并改名为my.ini).my.ini会替换掉下面的my-default.ini文件. 按需修改配置文件. # For advice on how to change settings please see # http://dev.mysql.com/doc/refman/5.7/en/server-configu

  • 图文详解vue中proto文件的函数调用

    图文详解vue中proto文件的函数调用

    1.编译proto 在src文件夹下新建proto文件夹用以存放所有的.proto文件.在proto文件夹下打开终端,输入如下命令: //进入proto文件夹执行下列编译,将helloworld.proto替换为当前的.proto文件名 protoc -I=. helloworld.proto \ --js_out=import_style=commonjs,binary:. \ --grpc-web_out=import_style=commonjs,mode=grpcwebtext:. 一个

  • Microsoft Sql server2005的安装步骤图文详解及常见问题解决方案

    Microsoft Sql server2005的安装步骤图文详解及常见问题解决方案

    一:安装sql server 2005过程中出现如下问题:"选择的功能中没有任何功能可以安装或升级": 解决方案:Microsoft SQL Server 2005→配置工具→SQL配置管理器→SQL Server 2005服务→右边的两个服务启动SQL Server FullTest Search() 和服务SQl Sever(计算机名) 二:无法将数CLSID写入\Software\Classes\PROTOCOLS\Handler\ms-help. 解决办法:退出电脑安全软件 三

  • redhat7.1 安装mysql 5.7.10步骤详解(图文详解)

    redhat7.1 安装mysql 5.7.10步骤详解(图文详解)

    在redhat下安装MySQL,步骤如下 Mysql目录安装位置:/usr/local/mysql 数据库保存位置:/data/mysql 日志保存位置:/data/log/mysql 下载安装包 http://downloads.mysql.com/archives/community/ 1. 获取mysql安装包,mysql-5.7.10-Linux-glibc2.5-x86_64.tar解压后目录如下. 2. 解压mysql-5.7.10-linux-glibc2.5-x86_64.tar

随机推荐