一、 node.js安装
Vue项目通常使用webpack工具来构建,而webpack命令的执行是依赖于node.js环境的,所以需要安装node.js 该部分之前已完成。
二、cnpm的安装
因为npm的许多依赖包在国外,下载速度比较慢,因此选择淘宝对npm的镜像服务器cnpm.在cmd下执行
npm install -g cnpm --registry=https://registry.npm.taobao.org
三、vue-cli的安装
vue-cli是Vue官方提供的一个命令行工具,可用于快速搭建大型单页应用。安装命令:cnpm install -g vue-cli
安装完成后,检验是否成功,输入vue,出现以下提示表示安装成功
提示图片
这里,vue list 用来列出可以使用哪些模板:
提示图片
四、尝试新建新的Vue项目
(1) 在F:\vue-demo下新建项目vue-demo:输入vue init webpack vue-demo, 并进行相关初始化。
初始化之后的项目目录如下:
提示图片
(2) 安装项目依赖的包
目录切换到已建的新项目F:\vue-demo\vue-demo下,执行命令cnpm install,【出现问题3】安装依赖,安装结束后,该目录下多了node_modules目录:
提示图
(3) 运行项目
命令行中输入 cnpm run dev,执行完成后启动项目,浏览器中出现如下结果说明启动成功:
ok