说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具。
node.js的官方地址为:https://nodejs.org/en/download/,如下图所示:
根据自己电脑的具体配置,选择你要下载的安装包,作者选择的是windows 64bit。
下载完毕,按照windows一般应用程序,一路next就可以安装成功,建议不要安装在系统盘(如C:)。
node -v npm -v
npm config set prefix "D:\development\nodejs\node_global" npm config set cache "D:\development\nodejs\node_cache" ## 查看本地仓库 npm list -global ## 查看所有配置信息 npm config list
npm config set registry https://registry.npm.taobao.org ## 查看设置的国内镜像对不对 npm config get registry ## 安装vue.js到全局 npm install vue -g
在path中添加:D:\development\nodejs\node_global
Vue CLI已经到4了,若以前安装了Vue CLI2需要先卸载。
安装: npm install -g @vue/cli 卸载: npm uninstall -g 创建项目:vue create vue-cli4 // vue-cli4 为项目名称 启动项目:npm run serve // package.json 文件配置中就能看出
从两个新建的项目 目录结构来看,差别很大:Vue CLI4新建的项目,根目录结构内 少了之前的 build、config、static文件夹,配置文件也少了几个,连 index.html 都没有了,但多了一个 public 文件夹。
npm install webpack webpack-cli -g