视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
vue之搭建本地项目
2020-11-27 19:58:18 责编:小采
文档
 这次给大家带来vue之搭建本地项目,vue之搭建本地项目的注意事项有哪些,下面就是实战案例,一起来看一下。

一.

安装nodejs

链接:https://nodejs.org/zh-cn/

二.

安装webpack

安装命令:cnpm install webpack -g

安装完成,通过webpack -v来查看当前webpack版本

三.

接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架

安装命令:npm install -g vue-cli

安装完后,可以输入vue,或者vue -V,然后回车,如果出现vue的信息,则说明安装成功了。

四.

紧接着,就该创建项目了,自己找一个合适的地方,新建一个项目文件夹,根据自己的需要命名,我的命名为 my-vue,然后,打开此文件夹,右键git bash here,定位到此文件夹,输入:vue init webpack my-vue(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,可按下图操作:


五.之后通过命令:cd vue-test 进入此文件夹,在利用命令:npm install,回车,等待一小会儿,回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)。

六.在命令行里继续输入 npm run dev来测试环境是否搭建成功,如果出现如下图说明成功了:


然后输入提示你的地址,我的是8081,出现下图,就ok了


相关推荐:

下载本文
显示全文
专题