安装Vue

sudo cnpm install -g vue-cli全局安装Vue脚手架，安装成功之后可以使用vue -V查看vue的版本号

创建项目

vue init webpack packageName ,其中webpack表示所选择的模板，通常情况下使用webpack作为模板，packageName是工程所在文件夹的名字，工程名在后面会提示输入，默认与packageName一致
需要注意的是：

Install vue-router?(Y/n)是否安装vue-router，这时官方的路由，大多数情况下都使用，输入“y”回车就可以了
Use ESLint to lint your code?(Y/n)是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，一般项目中都会使用。往往会规范空格、空行、大括号等风格。

然后我们cd test1进入文件夹
在test1目录下执行启动vue-cli命令：npm run dev

然后在浏览器输入localhost:8080

初始化项目成功！

创建vue-cli项目相关推荐

Vue项目9：Vue Cli项目使用echarts可视化
Vue Cli项目使用echarts可视化有两种方式:一.直接引入echarts 二.使用vue-ehcarts. 一.直接引入echarts 1.创建Vue Cli项目进入cmd命令行,输入如 ...
【创建Vue手脚架项目】
创建Vue手脚架项目备忘录安装Node.js Node.js 16.14.2 LTS WinX64官网下载: https://mirrors.tuna.tsinghua.edu.cn/nodejs ...
安装Vue CLI项目（Vue2.0）
一.Vue CLI脚手架(Vue2.0) Vue CLI官方文档:官方文档 1.什么是脚手架命令行界面(英语:command-line interface,缩写:CLI)是在图形用户界面得到普及 ...
vue cli 项目在打包时候报错 API fatal error handler returned after process out of memory
问题描述 vue cli 项目在打包时候报错:API fatal error handler returned after process out of memory. 问题分析从给出的提示可以看出 ...
Vue Cli 项目结构简述
webnode_modules --Vue Cli 项目以来的js模块全放到这里public --存放静态资源存放自己的js cssfavicon.ico -- 浏览器小图标index.html - ...
VUE 3——3：脚手架构建工具介绍及在创建 Vue 3 项目中的应用
这是针对 Vue 新人的一个简单指导. 在前面的文章中,我们不推荐新手直接使用 vue-cli,(尤其是在还不熟悉基于 node.js 的构建工具时),而是通过直接引用的方式: <script ...
vue cli项目升级--vue cli3升级到vue cli4
原文网址:vue cli项目升级--vue cli3升级到vue cli4_IT利刃出鞘的博客-CSDN博客简介说明本文介绍如何升级vue项目的vue cli版本. 官方网址 https://c ...
Vue3 vue-cli、create-react-app、vite 创建vue/react项目(笔记)
文章目录 1. vue-cli vue2/3 项目 2. create-react-app react 项目 3. 使用 vite 安装 vue3 项目 3.1 方式一,框架选择配置安装 3.2 方式 ...
使用vue-cli创建Vue工程化项目及单文件组件的创建和调用
文章目录 1. Vue 单文件组件的优势 2. cli 创建 Vue 工程项目 3. 单文件组件的创建和调用 1. Vue 单文件组件的优势把一个组件全部内容汇合到一个文件中,文件名字是以 .vue ...
从0开始创建vue工程化项目~
为啥要写这个呢?就是事儿干完了,没啥事做了. 其实这章主要是讲如何让项目好管理点和防止接手人拿刀上你家喝茶,是摆脱菜鸡通往初级的必经之路. 一.创建vue项目前配置第一步: 输入:npm insta ...

创建vue-cli项目

安装Vue

创建项目

创建vue-cli项目相关推荐

最新文章

热门文章