1.第一步安装Node.js(使得JavaScript代码直接运行在浏览器上的环境,相当于java代码与jdk的关系)
node -v 和 npm -v命令检验是否安装成功
2.安装Node.js淘宝镜像加速器(以管理员身份运行DOS)
方法一:npm install cnpm -g
方法二:使用npm安装cnpm时候安装失败,我使用npm install cnpm -g老失败而且长时间停留于sill位置
可以试试下面这个命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安装好之后在C:\Users\administor\AppData\Roaming\npm\node_modules路径下可进行查看下载的加速器cnpm
4.接下来下载vue-cli(使用淘宝加速器下载更快, vue-cli 是官方提供的vue脚手架)
cnpm install vue-cli -g
检验和步骤3一致,再点开vue-cli文件查看
C:\Users\administor\AppData\Roaming\npm\node_modules\vue-cli\node_modules存放的下载的vue模板
5.到此vue-cli已经安装完成
6.手动创建一个Vue-cli项目
创建一个vue项目首先创建一个文件夹myvue,然后在文件夹下打开Dos(以管理员身份)
执行 vue init webpack myvue命令,初始化一个基于webpack模板的vue应用程序
接下来如下操作:(为什么一直NO,因为可以更好的体验,每一个步骤,否则自动安装)
说明:
4.接下来就是为vue应用程序安装需要的环境
使用命令:npm install
5.如果有警告可按照系统提示命令直接运行,即可修复(这里还挺智能的),然后打开Idea open创建的项目即可
7.打开后生成项目目录如下:
运行项目使用命令npm run dev(在当前项目的目录下,以管理员身份,我的idea打开就是以管理员身份的,所以可以在idea的终端下直接运行)
运行成功:
点击访问即可,运行成功!
ctrl+c停止运行
总结:
安装node.js
安装cnpm淘宝加速器
安装vue-cli
创建项目
初始化项目
安装环境
打开项目
运行项目
ok
--------------------------------------------------------------------------------------------------------------------最后特别鸣谢作者JQuery