关于使用Vue.js搭建Vue项目的总结

关于使用Vue.js搭建Vue项目的总结@vue

关于使用Vue.js搭建Vue项目的总结

我学习Vue.js的目的很简单，前几天在网上看到别人用vue.js做出了个人组件库，很厉害，很羡慕，我也想要尝试一下（各位大佬可以无视，本人新手(oﾟvﾟ)ノ）。而且作为一个前端里不容忽视的轻量级前端框架也有学习它的必要。我就开始了我的挖坑之旅(￣▽￣*)为了避免像我这样的新手入门掉坑和我下次掉坑。专门写了这么一篇文章来记录总结关于Vue项目搭建的步骤和经验。（文章会持续更新…）

环境搭建

第一步： 下载并安装node.js.（根据所需版本按照对应系统下载安装即可）
在命令窗口中输入node -V查看是否安装成功。（注意：是大写的V）
以上表示安装成功！
第二步： 安装npm
直接在命令行中输入 npm install -g cnpm --registry=https://registry.npm.taobao.org
让他自己安装即可，安装完后输入npm -v查看是否安装成功（这里的v是小写）

以上表示安装成功！
第三步 下载并安装vue-cli手脚架，在命令窗口中输入 npm install --global vue-cli（可能中途会有几次重启）
第四步 下载并安装git
第五步 将Nodejs的安装路径放在path的环境变量中
第六步 创建项目 vue init webpack vue-demo（会过滤一些基本的项目信息）
直到 vue-router时 需要选择Y，其余的可以选择n
第七步 输入 npm install 安装依赖，然后输入 npm run dev即可