创建一个Vue项目(完整步骤)

更新时间:2023-06-03 21:36:46 阅读: 评论:0

创建⼀个Vue项⽬(完整步骤)
⼀、安装Node环境
即可安装npm镜像,以后再⽤到npm的地⽅直接⽤cnpm来代替就好了。
检查是否安装成功:输⼊ cnpm -v
2、全局安装vue-cli
输⼊:npm install -g @vue/cli 或 cnpm install -g @vue/cli
(cnpm 安装环境和依赖包会更快 推荐使⽤cnpm)
3、vue项⽬创建
  (⽅式⼀) 进⼊你要创建vue项⽬的⽬录下进⾏项⽬创建,输⼊:vue create ”项⽬名称“
我这⾥选择第⼀项 回车后直接初始化项⽬,也可以选择最后⼀项 Manually lect features ⾃⾏选择配置
土家族文化这⾥与cli2的运⾏⽅式不太⼀样 由 npm run dev 变成npm run rve ,当然这也可以设置,可以根据⾃⼰习惯配置。
选择Manually lect features可⾃⼰选择配置,看个⼈项⽬需求
空格键是选中与取消,A键是全选
TypeScript ⽀持使⽤ TypeScript 书写源码
Progressive Web App (PWA) Support PWA ⽀持。
Router ⽀持 vue-router 。
Vuex ⽀持 vuex 。形容早晨的诗句
CSS Pre-processors ⽀持 CSS 预处理器。
Linter / Formatter ⽀持代码风格检查和格式化。
Unit Testing ⽀持单元测试。
E2E Testing ⽀持 E2E 测试。
新员工试用期工作总结
下⼀步会让你选择⼀个vue版本,根据⾃⼰的需要选择vue2.0或vue3.0
装好后,启动
cd 项⽬名称 // 进⼊到项⽬根⽬录盖高楼
npm run rve // 启动项⽬
电影巜血战松山(⽅式⼆)进⼊你要创建vue项⽬的⽬录下进⾏项⽬创建,输⼊:vue init webpack ”项⽬名称“
说明:
Project name ==> 项⽬名称 ⾃⼰输⼊;
Project description ==> 项⽬描述 ⾃⼰输⼊;
Author ==> 项⽬作者 ⾃⼰输⼊;
Vue build ==> 打包⽅式,回车即可;
Install vue-router ==> 是否要安装 vue-router,项⽬中肯定要使⽤到 所以Y 回车;
U ESLint to lint your code ==> 是否需要 js 语法检测 ⽬前我们不需要 所以 n 回车;
炽热的青春Set up unit tests ==> 是否安装 单元测试⼯具 ⽬前我们不需要 所以 n 回车;
脸干燥起皮Setup e2e tests with Nightwatch ==> 是否需要 端到端测试⼯具 ⽬前我们不需要 所以 n 回车;新版需要选择运⾏依赖安装⽅式选择第三个 ⽅便不费时
Should we run npm install for you after the project has been created? (recommended)
        Yes, u NPM
        Yes, u Yarn
        > No, I will handle that mylf
4、进⼊项⽬,安装依赖
进⼊到项⽬路径下,进⾏依赖安装
输⼊ cnpm i 或cnpm install 如未安装淘宝镜像 请输⼊ npm i 或npm install
安装依赖后的⽂件夹后,多了⼀个node_modules⽂件夹
输⼊ npm run dev,启动项⽬,
有趣的事日记

本文发布于:2023-06-03 21:36:46,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/979132.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:安装   选择   依赖
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图