【Vue】【NodeJS】部署并启动最简单的一个Vue项目

 

参考文章：

使用vue-cli（vue脚手架）快速搭建项目

Vue2.0 新手完全填坑攻略——从环境搭建到发布

环境：win10  且已经安装了node

（一）使用node 安装 cnmp,进一步安装vue-cli脚手架。

1、在任意一个空白文件夹下，执行cmd命令

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

结果：

2、安装 vue-cli

cnpm install -g vue-cli

但是结果出现这个问题：

【原因】可能原因是cnpm 还不是全局的。可能是因为我不是直接打开cmd，在cmd.exe 或 系统的bin下面执行安装的原因，导致vue-cli不是全局的。

【结果】不是这个原因。其实就是没有设置好环境变量，因为node  npm 全局下的安装，都是安装到D:\Program Files\nodejs\node_global 下面，其中就有刚刚cnmp.exe , vue-cli.exe 。所以只要把该路径添加到环境变量的path中就可以解决问题了。

参考文章：'cnpm' 不是内部或外部命令,也不是可运行的程序

所以还是用npm 来 安装 vue-cli

npm install -g vue-cli

结果：

验证是否安装成功的方法就是命令行执行是否成功打印版本号

vue -V

 

（二）配置vue项目

vue init webpack

.........之后按照参考文章来来就好。

其中每一步的结果都有报错，和参考文章中的结果都不一样。但是最后好像还是把该项目跑起来了。

最后：执行命令： npm run dev 来启动项目

 

 

二、运行启动第一个Vue项目

参考文章：第一章：vue HelloWorld