首页 > 其他 > 详细

VUE学习(一、安装以及项目结构)

时间:2020-01-07 17:58:34      阅读:99      评论:0      收藏:0      [点我收藏+]

一、安装VUE

本文只介绍npm安装方法,在使用VUE之前,需先安装npm。NPM是随同NodeJS一起安装的包管理工具,下载NodeJS安装完成后,npm也一并安装好了。

查看npm版本:

npm -v

升级npm版本:

npm install -g npm

使用淘宝镜像:

npm install -g cnpm --registry=https://registry.npm.taobao.org

全局安装vue-cli:

cnpm install -g vue-cli

cd到想要创建项目的路径,执行创建项目命令:

vue init webpack my-project

然后会出现一些配置的选项,如项目名,描述,作者等。依次选择即可。

进入项目路径:

cd my-project

运行项目:

cnpm install
cnpm run dev

成功后,访问http://localhost:8080/,出现VUE首页。

技术分享图片

 

 

 二、项目结构

技术分享图片

 

bulid 项目构建(webpack)相关代码
config 配置信息存放目录,配置端口号等
node_modules npm 加载的项目依赖模块
src 开发目录:assets: 放置一些图片,components: 目录里面放了一个组件文件,App.vue: 项目入口文件,main.js: 项目的核心文件
 static  静态资源目录,如图片、字体等
 test  测试目录,可删除
 .xxxx文件  一些配置文件,包括语法配置,git配置等
 index.html  首页入口文件
 package.json  项目配置文件
 README.md  说明文档

VUE学习(一、安装以及项目结构)

原文:https://www.cnblogs.com/Unlimited-Blade-Works/p/11690357.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!