1. 首先我们去 Node.JS 官网: https://nodejs.org/en/download/ (下载 Node.JS, 下载自己电脑想匹配的最新版本)
2. 其次 去下载一个 cnpm (注释: 淘宝 NPM 镜像, 这个是阿里把外国的 NPM 服务器搬到我们中国来了, 用淘宝镜像 NPM 下载一些配置文件会更快一些)
操作如下: 电脑右下角 Windows 输入 cmd, 把
NPM install -g cnpm --registry=https://registry.npm.taobao.org
复制到 cmd 里面去就可以拉.(注释: 我们用 ctrl+C 复制网站, 在 cmd 中鼠标点击右键粘贴就可以复制
NPM install -g cnpm --registry=https://registry.npm.taobao.org 然后回车键进行安装.
)
3. 安装 vue 文件
cnpm install i vue -S
4. 安装 vue 脚手架, 关于脚手架问题,
有些兄弟姐妹会发现安装的时候会一直卡着不动, 我也遇到过这个问题, 最后查资料发现是我安装的 vue 脚手架版本比较低出现的问题
- // 之前我安装的时候是用 cnpm install -g vue/cli 用这个安装的是旧版本的特别伤, 我用 vue init webpack App 的时候, 真的卡在一个地方一个晚上, 睡醒后发现还是卡在那个地方, 所以一定要切记安装 vue 脚手架一定要安装最新版本的, 最新版本如下:
- cnpm install -g @vue/cli
- cnpm install -g @vue/cli-init
安装上面 2 个 vue 脚手架配置文件后, 输入:
- vue init webpack App
- // 备注: App 是自己建立的文件, 名字可以自己取, 比如 my-App 呀, 或者其他的均可
- // 配置的时候 除了 use ESlint to lint your code 选择 n 其他都是选择 y , 因为 use ESlint to lint your code 我们写代码的时候会比较严格, 比如代码必须空格相同呀....
当安装完毕后, 输入 NPM run dev
运行完毕后会给我们一个网址 http//localhost:8000
5. 一些需要了解的 vue 脚手架目录
build 是 webpack 配置文件
config 核心文件
src 存放的是资源, assets 中存放的是静态资源比如 图片
router 是路由
来源: http://www.bubuko.com/infodetail-3216404.html