用npm安装vue和vue-cli以及用webpack创建项目的方法

首先，npm版本需要大于3.0。如果低于此版本，则需要升级：

#查看版本$ npm -v2.3.0#升级npmcnpm安装npm -g其次，建议使用Vue.js构建大型应用时使用npm安装：

#最新稳定版本$ cnpm安装vue iii。Vue.js提供了一个官方命令行工具，可以用来快速构建大型单页应用程序。

#全局安装vue-CLI $ cnpminstall-global vue-CLI #基于webpack模板创建一个新项目$ vue init webpack my-project#这里需要一些配置。默认输入这将安装vue 2。模板的x版本。为了vue 1。x use : vue init web pack # 1.0 my-project？项目名称我的项目？项目描述A Vue.js项目？作者runoob [emailprotected]？Vue独立构建？使用ESLint来清理你的代码？什么事？选择一个ESLint预设标准？用因果摩卡设置单元测试？什么事？用守夜人设置e2e测试？是的，命令行界面生成了“我的项目”。要开始：cd我的项目NPM安装NPM运行开发文档可以在https://vuejs-templates.github.io/webpack四。进入项目，安装并运行：

$ CD my-project $ cnpm install $ cnpm run dev done编译成功在4388 ms侦听http://localhost 33608080成功执行上述命令后，访问http://localhost 33608080/，输出结果如下：

注1: Vue.js不支持IE版及以下版本。

注2:为了在本地浏览页面效果，npm必须正在运行。如果已经关闭，可以按照上述第4步指令再次输入；

注3:如果要在服务器端运行网页，首先在npm中打包网站，打包命令npm run build

注意4:如果要在npm中执行打包命令，必须先“ctrl c”终止npm正在运行的批处理操作；

注意5:我想在某个磁盘上创建一个项目，并遵循脚手架，例如，在E磁盘上创建一个“myFirstVue”项目

方法一：进入e驱动器上的“myfirstVue”文件夹，按住“shift right”键打开管理员窗口

方法二：“win r”输入“cmd”进入管理员窗口，输入“e:”进入e驱动器，然后输入“cd myFirstVue”进入myfilstvue文件

以上用npm安装vue和vue-cli，用webpack创建项目的方法，都是边肖和大家分享的内容。希望能给大家一个参考，支持我们。