ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue脚手架开发

2021-09-13 14:00:06  阅读:178  来源: 互联网

标签:vue 项目 js 开发 ---------- 脚手架 用来


vue脚手架开发

1.环境准备

1.安装nodejs
2.配置nodejs环境变量
3.安装npm
4.可以选择性配置淘宝镜像

2.安装脚手架


1.卸载脚手架
vue uninstall -g vue-cli
2.安装脚手架
vue install -g vue-cli

3.创建项目

1.创建项目
vue init webpack 项目名
2.第一个项目
  hello -->项目名
build--->用来打包的webpackbuild
config--->用来做整个项目的配置
node_modules ---->用来管理项目的依赖
src----------->用来书写vue的源代码(重点)
assets------------>用来存放静态资源的(重点)
components---------->用来书写vue组件(重点)
router ---------->用来配置项目中的路由(重点)
App.vue---------->项目中的组件(重点)
main.js-------->项目的入口(重点)
static ------------->其他静态资源
.gitkeep----->
test
.babelrc---------->将es6转化为es5运行
.editorconfig----->项目编辑配置
.eslintignore----->
.eslintrc.js
.gitignore--->git版本控制文件
.postcssrc.js
index.html
package.json---->类似于pom.xml
package-lock.json---->对package.json枷锁
README.md------->文档说明

 

标签:vue,项目,js,开发,----------,脚手架,用来
来源: https://www.cnblogs.com/ymsblog/p/15262140.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有