失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 基于node.js开发环境下创建及开发vue.js项目的环境配置骤

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

时间:2021-11-11 07:11:55

相关推荐

基于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方法下载。

如果觉得《基于node.js开发环境下创建及开发vue.js项目的环境配置骤》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。