Nodejs、Vue的安装

下载安装包

http://nodejs.cn/download/
这里选择windows二进制文件的64位安装

安装步骤

下载完之后，解压

在根目录下新建两个文件夹node-global、node-cache。

新建系统变量

NODE_HOME=D:\Program Files\nodejs

在path中新增两项

%NODE_HOME%
%NODE_HOME%\node-global

打开cmd执行

npm config set prefix "C:\Program Files\nodejs\node-global"
npm config set cache "C:\Program Files\nodejs\node-cache"
npm config set registry "https://registry.npm.taobao.org"

测试

node -v
npm -v

安装vue

补充：想看npm安装在哪，请使用如下命令

npm root -g

更改全局路径地址见上面打开cmd执行的第一句话

安装vue

npm install -g @vue/cli

Vue创建项目

利用脚手架创建项目：

vue create [project name]

注意：在哪个目录下创建的，项目就保存在哪个路径下面。


会提示选择默认（default）还是手动（Manually）,默认的配置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项。
这里选择default，等待一会（如有提示等待，一直回车执行下去就行）。

现在选择手动创建方式 Manually。

备注：

Bable, （常用）解决兼容性问题,支持 ES6 的代码转译成浏览器能识别的代码
TypeScript, 是一种给 JavaScript 添加特性的语言扩展,增加了很多功能,微软开发的
Progressive Web App (PWA) Support, 渐进式的Web应用程序支持
Router,（常用）是 vue-router 路由。
Vuex, 是Vue.js应用程序的状态管理模式+库（常用）。
CSS Pre-processors, （常用）支持 CSS 预处理器, Sass/Less预处理器。
Linter/Formatter, （常用）支持代码风格检查和格式化。
Unit Testing, 支持单元测试。
E2E Testing, 支持 E2E 测试

选择后按回车键, 会提示: 是否使用 history 模式的路由, 按回车即可

选择CSS预处理


选择语法检查方式，这里我选择: 保存就检测

会提示: 把babel,postcss,eslint这些配置放哪，我选择: 放在独立文件中, 然后回来即可

会提示: 是否将当前项目设置的配置保存为预配置, 方便后面创建项目时, 继续使用这套配置?按回车保存即可, 下次创建项目时,就会多有一个选项(suit-center-web)

保存模板

项目创建完成

测试项目启动完成与否

补充

镜像地址：
查询：

npm get registry

配置

npm config set registry https://registry.npm.taobao.org

还原：

npm config set registry https://registry.npmjs.org/