vue.js下载安装教程

一、  下载node.jsvue

网址:https://nodejs.org/en/node

版本:v7.7.3 (版本号大于v7.6.0)webpack


二、  安装node.jsweb

Node.js下载以下所示:vue-cli


注意:在安装Node.js前,先cmd(命令提示符)运行“node–v”查看是否已经有Node.js版本,如有,则请先卸载或删除。npm

Node.js安装过程简单,按照提示点“Next”并选择安装位置便可(建议不装系统盘)spa

三、  npm安装命令行

打开cmd,进行安装,此处选择淘宝NPM镜像下载安装:3d

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


-g是全局安装。

对安装成功的Node.js以及npm进行版本号查询


四、  vue-cli安装

命令行为cnpm install -g vue-cli


五、  查看vue信息


六、  建立项目

建立一个文件夹,如:MyVue文件夹,并用cmd命令行进入此文件夹下(cd D:\wanglc\07技术\vue.js\MyVue)

建立项目:vue init webpack my-vue


就可发现MyVue文件夹下多了个my-vue文件夹。

进入my-vue文件夹 cd my-vue

Npm安装 npm install(my-vue文件夹中多了node_modules文件夹)


运行npm run dev


七、  要点总结:

Node.js版本要新且无重复版本(node.js是基础,必定要对,否则期间会遇到不少问题

Cmd命令以下:

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

cnpm install -g vue-cli

vue init webpack my-vue

不断尝试