基于node.js开发环境下创建及开发vue.js项目的环境配置骤

基于node.js开发环境下创建开发vue.js项目的环境配置骤如下：

步骤一：安装node.js，安装完后运行node -v命令检安装node的查版本，判断是否安装成功。Npm是node.js包管理工具。安装node就会自动安装它的包管理工具，查看是否成功安装运行npm -v命令即可。
//这些是在互联网电脑上完成
步骤二：安装vue的打包工具webpack, 运行命令npm install webpack -g(-g代表全局安装);

步骤三：安装vue.js,运行命令npm install vue -g;

步骤四：安装vue-router,运行命令npm install vue-router -g;

步骤五：安装vue的脚手架vue-cli,运行命令运行npm install vue-cli -g ；
检查vue是否安装成功运行vue -V,查看版本号。

安装完以上这些就可以新建一个vue的项目了。在你想要创建项目的位置下运行命令vue init webpack “项目名”即可按照提示创建一个新的项目。如图：

创建完这个项目后拷贝到*网即可在内网进行开发。

下载之后开发所需要的基本组件：
1.Vuex,在项目下运行npm install vuex --save
2.Element,在项目下运行npm install element-ui -S;
3.Animate,在项目下运行npm install animate；
4.Axios,在项目下运行npm install axios；//基于promise用于浏览器和node.js的http客户端
5.Less,在项目下运行npm install -g less
6.还有一些其它的组件比如echart，swiper等需要的效果组件一般都有通过npm方法下载。