1. 进入Node.js官网:https://nodejs.org/zh-cn/,选择下载并安装Node.js
2. 下载完成后,进行安装,直到安装完成
2. 验证Node.js是否安装好,在windows下,win+r召唤出运行窗口,输入cmd打开命令行窗口。输入node -v
即可得到对应的Node.js版本。
npm包管理器是集成在Node.js中了,所以在安装Node.js的时候就已经自带了npm,输入npm -v
可得到npm的版本。
最开始下完的时候,npm并不是最新版本,需要命令npm -g install npm
,更新npm至最新版本。
3. 安装cnpm
执行命令 npm install -g cnpm --registry=https://registry.npm.taobao.org
,
使用npm的国内镜像(npm 国内镜像 https://npm.taobao.org/)cnpm命令代替默认的npm命令,增加依赖包加载速度且避免资源限制
4. cnpm安装脚手架vue-cli
运行命令 cnpm install -g vue-cli
安装脚手架
5.构建项目
将vue项目建在D盘的vue文件夹下,利用命令进入此目录。在cmd中输入盘符F:回车即可进入D盘,
然后执行命令进入D:\vue路径目录下,再输入新建项目命令 vue init webpack Testvue[项目名称]
,执行后会自动生成vue项目。
6.安装项目依赖
上面脚手架自动生成的vue项目不能直接运行,需要加载上项目需要的依赖包才能运行。通过在cmd中使用命令先定位到项目所在路径目录下D:\vue\Testvue
然后输入命令 cnpm install
安装项目所需的依赖包资源。
7.运行项目
项目准备完毕后,现在可以运行vue初始项目看效果了。
在cmd中,注意需要使用命令先定位到D:\vue\Testvue目录下,然后再输入命令npm run dev
来运行项目。