博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
搭建VUE开发环境
阅读量:7232 次
发布时间:2019-06-29

本文共 582 字,大约阅读时间需要 1 分钟。

一: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:是项目入口文件

基本解读就这样拉,嘎嘎 ,赶紧自己动手测试一下吧

转载地址:http://zrpfm.baihongyu.com/

你可能感兴趣的文章