学习 Cesium (一)：搭建环境

学习 Cesium (一)：搭建环境

安装node.js

1. 在搭建vue的开发环境之前，一定要先下载 node.js。vue的运行是要依赖于node的npm的管理工具来实现，node 可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，网址：http://nodejs.cn

2. 下载好node.js后，安装它。

3. 打开docs管理工具，先看看node安装成功了没有，打开 Node.js command prompt.exe 输入

> node -v

回车，会输出node的版本号。

4. 给npm配置淘宝镜像

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

安装vue-cli

1. 由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘宝npm镜像，使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具

> npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 淘宝镜像安装成功之后，我们就可以全局使用vue-cli脚手架，输入命令

> cnpm install --global vue-cli 

回车；验证是否安装成功，在命令输入vue，出来vue的信息，及说明安装成功。

创建一个项目

1. 新建项目使用命令: vue init webpack ，如

> vue init webpack my-vue

2. 进入项目目录，安装依赖

> cd my-vue
> cnpm install

3. 测试下载的模板能否正常运行，输入命令：npm run dev

> npm run dev

直接在浏览器输入localhost:8080，就可以打开默认模板了。

运行一个项目

文件创建成功后，使用下面的命令运行项目

> npm run serve

小结

至此，vue的基础项目已经安装并运行起来了。

更新 vue cli 脚手架

如果想使用最新的vue cli 4.x脚手架，最好使用下面的命令安装

> cnpm install -g @vue/cli

如果有错误，建议删除缓存

> npm cache clean --force

然后，直接去目录C:\Users\Administrator\AppData\Roaming\npm\node_modules下删除@vue文件夹。

安装成功后，项目创建命令为：vue create < Project Name >

列一下安装完后各软件的版本

软件	版本号	命令
Node.js	14.15.4
npm	6.14.10	npm --version
@vue/cli	4.5.11	vue -V