Vue框架学习(2)--创建Vue项目
安装Vue
npm install vue@next
npm install -g @vue/cli
安装完后查看版本
vue –version
vue create 项目名
在cmd窗口中输入vue create test,然后根据提示进行选择,选择Vue3版本
或这条命令:npm init vue@latest,然后按提示操作
此时就创建成功
启动程序 (需要在项目名下面输入命令)
npm run serve
然后通过浏览器打开目标地址
项目 目录结果
- node_modules: npm 加载的项目依赖包
- public:公共资源目录,存放静态资源
- index.html:首页入口文件
- src:项目进行开发的主要文件夹
- assets:静态文件夹,存放图片
- components:存放公共组件
- App.vue: 项目入口文件、根组件
- main.js:入口文件
- package-lock.json:项目包的锁定文件,用于防止包版本不一样导致的错误
- package.json:项目配置文件,包管理、项目名称、版本和命令
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。
文章标题:Vue框架学习(2)--创建Vue项目
本文作者:伟生
发布时间:2023-01-20, 10:30:00
最后更新:2024-06-16, 17:45:29
原始链接:http://yoursite.com/2023/01/20/qianduan_04_vue_study_2_create_project/版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。