如何使用npm安装vue和vue-cli

　　介绍

如何使用npm安装vue和vue-cli ?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

vue是什么软件

vue是一套用于构建用户界面的渐进式JavaScript框架,vue与其它大型框架的区别是,使用vue可以自底向上逐层应用,其核心库只关注视图层,方便与第三方库和项目整合,且使用vue可以采用单文件组件和vue生态系统支持的库开发复杂的单页应用。

<强>一、npm版本需要大于3.0,如果低于此版本需要升级它:

#,查看版本 　　美元,npm  - v 　　tripwire 　　 　　#升级,npm 　　cnpm  install  npm  - g

<强>二,在用Vue。js构建大型应用时推荐使用NPM安装:

#,最新稳定版 　　美元,cnpm  install  vue

<强>三,vue。js提供一个官方命令行工具,可用于快速搭建大型单页应用。

#,全局安装,vue-cli 　　美元,cnpm  install ——global  vue-cli 　　#,创建一个基于,webpack 模板的新项目 　　美元,vue  init  webpack 我的项目 　　#,这里需要进行一些配置,默认回车即可 　　却,能够will  install  Vue  2. x  version  of 从而模板。 　　 　　For  Vue  1. x 使用:,Vue  init  webpack # 1.0,我的项目 　　 　　?,Project  name 我的项目 　　?,Project  description  A  Vue.js 项目 　　?,Author  runoob  & lt; test@runoob.com> 　　?,Vue  build 独立 　　?,Use  ESLint 用lint  your 代码吗?是的 　　?,Pick  an  ESLint  preset 标准 　　?,Setup  unit  tests  with  Karma  +,摩卡吗?是的 　　?,Setup  e2e  tests  with 守夜吗?是的 　　 　　,vue-cli ·Generated “my-project"。 　　 　　,用get 开始: 　　, 　　cd 我的项目 　　npm 安装 　　npm  run 开发 　　, 　　,Documentation 还要be  found  at  https://vuejs-templates.github。io/webpack

<强>四,进入项目,安装并运行:

,美元cd 我的项目 　　美元,cnpm 安装 　　美元,cnpm  run 开发 　　,DONE  Compiled  successfully 拷贝4388 ms 　　 　　祝辞,Listening  at  http://localhost: 8080

成功执行以上命令后访问http://localhost: 8080/输出结果如下所示:

如何使用npm安装vue和vue-cli

<强>注意1: vue。js不支持IE8及其以IE下版本。

<强>注意2:强要想在本地浏览页面效果,npm必须运行。如果已经关闭,按照以上第四步指令再次进入即可。

<强>注意3:强如果想在服务器端运行网页,先在npm中将网站打包,打包命令npm运行构建;

<强>注意4:想在npm执行打包命令,要先“ctrl + c”终止npm正在运行的批处理操作,

<强>注意5:想在某一个盘中创建一个项目并按照脚手架,如:在E盘中创建一个“myFirstVue”项目

方法1:进入E盘的“myFirstVue”文件夹,按住“shift +右”键,打开管理员窗口

方法2:“赢得+ R”输入“cmd”进入管理员窗口,输入“E:“进入E盘,再输入“cd myFirstVue”进入myFirstVue文件

关于如何使用npm安装vue和vue-cli问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。

如何使用npm安装vue和vue-cli