美文网首页
从0开始建Vue项目

从0开始建Vue项目

作者: 时光凉的小贝 | 来源:发表于2021-04-01 15:35 被阅读0次

1.安装node.js
利用Homebrew安装(简称brew,MacOSX上的软件包管理工具)

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew install node   //sudo 使用admin权限
安装成功后
node -v:查看node版本
npm -v:查看npm版本 

2.安装vue-cli脚手架

npm i -g @vue/cli-init 

3.新建项目

终端执行
1.cd + 放项目到的地方
2.vue init webpack
企业微信截图_f48f1f88-5580-47ce-a1e9-4ff00cb4e76b.png
  1. 安装结束后,我们进入项目目录查看


    image.png
如果没有此目录则执行:(安装项目所需要的依赖包 (建议用镜像源:https://registry.npm.taobao.org/))
npm install  

5.运行项目

npm run dev
image.png

最后的最后,,就没了。。

相关文章

  • 从0开始建Vue项目

    1.安装node.js利用Homebrew安装(简称brew,MacOSX上的软件包管理工具) 2.安装vue-c...

  • Vue

    vue3.0项目从0到1 vue3.0项目从0到1-初始化项目[https://www.jianshu.com/p...

  • 从0创建Vue项目

    先保证安装了Node.js,下载地址https://nodejs.org/zh-cn/[https://nodej...

  • 命令行工具vue-cli快速创建新项目.md

    记录通过命令行工具vue-cli,从0开始搭建Vue和mpvue项目的基础框架过程。 一、创建Vue项目 二、创建...

  • 从0搭建vue vux 项目

    1. 在电脑上安装npm可以通过node.org 官网下载node来安装 2. 安装cnpmnpm install...

  • 从0搭建vue项目(vue-cli)

    也是赶鸭子上架的一次经历,收获很多,记录一下。 前言 关键字:vue-cli,axios,vue-router,f...

  • 教你从0开始建立社群!

    相信你一定遇到过这些问题。 ”社群一点都不活跃”“群里全是垃圾广告“”群里人员一直减少“ 当你的社群发生这些情况,...

  • vue + element-ui + axios + nedit

    一.新建vue项目 参考我的文章 Vue项目安装到发布流程图 vue npm 搭建项目 流程及备忘及不踩坑 正式开...

  • vue的数据赋值联动改变解决方案

    最近连着做了好几个vue项目,从0到版本迭代,vue教程算是好理解,把vue官方文档看一遍下来,基本上不会有什么大...

  • Vue + 富文本编辑器 编辑数学公式

    在 Vue webpack 项目中,在富文本编辑器中嵌入可编辑的数学公式 0 创建Vue webpack 项目 或...

网友评论

      本文标题:从0开始建Vue项目

      本文链接:https://www.haomeiwen.com/subject/moytkltx.html