1.1. 安装node.js
从node官网下载并安装node,安装步骤很简单,只要一路“next”就可以了。 安装完成后,打开命令行工具输入命令node -v,如下图,如果出现对应版本号,就说明安装成功了。
我们所需要的npm包管理器,是集成在node中的,所以,直接输入npm -v就会如下图所示,显示出npm的版本信息。
到这里node的环境已经安装完了,npm包管理工具也有了,但是由于npm的有些资源被墙,为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。
1.2. 安装cnpm
点击进入淘宝的cnpm网站,里面有详细的配置方法。 或者直接在命令行输入:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
然后等待,安装完成。
输入cnpm -v,可以查看当前cnpm版本,这个和npm的版本还是不一样的。
使用cnpm的方法就是,需要用到npm的地方直接使用cnpm替换就可以了
1.3. vue 安装
在用 vue.js 构建大型应用时推荐使用 npm 安装,npm 能很好地和诸如 webpack 或 browserify 模块打包器配合使用。vue.js 也提供配套工具来开发单文件组件。
$ cnpm install vue
1.4 . vue/cli****安装(新的安装方式)
npm uninstall vue-cli -g
卸载老版本
cnpm install -g @vue/cli
新版本安装 支持vue ui
参考官网vuecli
1.5.vuecli****新项目
npm run serve