Vue框架学习(2)--创建Vue项目

  1. 安装Vue
  2. 安装完后查看版本
  3. vue create 项目名
  4. 启动程序 (需要在项目名下面输入命令)
  5. 然后通过浏览器打开目标地址
  6. 项目 目录结果

安装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" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏