首先从node官方网站下载并安装node.js。 安装node.js的作用是利用npm资源管理器下载插件等.
----------------------------- -双击安装下载的. exe文件,然后一直进行下一步确定
尝试安装安装了node.js的node,检查安装是否成功,然后按window键r键入cmd进入系统管理器
访问系统命令页,输入node -v,检查/安装是否成功
2.npm管理器安装npm软件包管理器时,它将集成到node中,因此安装node后也可以进行npm。 有了npm,就可以下载存储库文件,然后通过命令下载。 首先是npm的版本号npm -v
3 .安装淘宝镜像(cnpm )在系统管理台上输入npm install -g cnpm --registry=https://registry.npm.taobao.org耐心等待。 没有错误的话会成功。 我安装过,所以出示这个信息。 因为可能有网络原因,所以下载会变慢…。 安装成功后,可以通过cnpm而不是npm下载资源文件
4 .安装vue脚手架搭建工具并在系统管理平台上输入
耐心等待NPM安装- g vue-CLI和安装…
下图:
完成后,环境构建和准备工作大致相同,现在可以使用vue-cli创建项目。 可以在空白文件下创建和使用。 这显然不太混乱。 否则,我不知道项目创建后放在哪里了。
5 .创建空文件夹并将其放入vue项目,输入md vuedemo创建空文件,然后将其放入vuedemo文件下
cd vuedemo
开始创建Vue-click项目,然后在命令行上运行命令vue init webpack vueClickDemo。 此命令意味着初始化项目。 其中,web包是一个构建工具,整个项目基于web包。 其中vueClickDemo是整个项目文件夹的名称,该文件夹将自动生成在指定目录中。
请等一会儿。 项目将自动创建
请进入文件夹,看看下载的东西
此项目的目录和结果(第一次创建vue项目时没有名为node_modules的依赖包,如果没有,安装依赖关系就可以了,命令是: cnpm安装),我第一次创建vue项目
安装完成后,检查是否有文件,并确保一定有资源文件
7 .运行项目并在命令行中键入npm run dev时,热载将运行我们的APP应用程序。 热加载使您可以在修改代码后实时查看更改的效果,而无需手动刷新浏览器。
在浏览器中打开:http://localhost:8080/
大功告成!