一:vue依赖于node.js,所以第一步我们一定要确保安装过node.js。具体下载教程就不一一讲了。这里附带node.js下载地址 在cmd总 我们使用node -v来查看我们是否安装了node.js和对应的版本
二:接下来我们来安装cnpm, 使用淘宝镜像的cnpm来代替npm的安装;命令行输入nnpm install -g cnpm --registry= 等待成功安装即可。
然后使用cnpm -v 即可查看版本
三:接下来我们就可以搭建VUE项目了
#全局安装vue-clicnpm install -g vue-cli#创建一个基于webpack 模板的项目vue init webpack first-project#安装依赖cd first-projectcnpm install#执行,启动项目cnpm run dev复制代码
四:启动项目之后就能看到我们想要的效果了
六:整个项目的结构如下
build文件夹是保存一些webpack的初始化配置。config文件夹保存一些项目初始化的配置;
node_modules是npm加载的项目依赖的模块
src目录是我们要开发的目录,这个文件夹中其中
assets:用来放置图片
components:用来放组件文件 app.vue:是项目入口文件基本解读就这样拉,嘎嘎 ,赶紧自己动手测试一下吧