美文网首页
使用vue-cli初始化vue项目

使用vue-cli初始化vue项目

作者: LI_4058 | 来源:发表于2018-07-15 18:39 被阅读0次

在项目中使用vue我使用vue-cli脚手架搭建项目

1.先安装nodejs

2.使用npm install -g vue-cli

(建议在使用这步前先安装nrm来切换npm的源利器,使得下载资源更快速

npm install -g nrm

nrm ls(即可查看npm 的源利器有哪些)

nrm use (切换npm的源利器)

然后就可以使用npm install 你需要下载的包

)

3.vue --version

4. vue init webpack myproject(

vue init 模板类型 项目名称;

模板类型有很多种;使用vue list查看

)

5. cd myproject

6.npm install

7.npm run dev

到这里简单的vue项目目录就搭建完成

构建生成的项目目录如下:

image

相关文章

  • Vue集成element-ui

    step1 使用vue-cli初始化项目 可参考我的文章Vue入门之使用vue-cli初始化项目 step2 安...

  • 2018-10-10

    环境配置全局安装 vue-cli: 初始化项目这里使用官方的 vue-cli 初始化一个 Vue 项目vue-cl...

  • 2018-12-16

    一. 环境配置 全局安装 vue-cli: 二. 初始化项目 这里使用官方的 vue-cli 初始化一个 Vue ...

  • vueDemo-1

    vue打包 使用vue-cli搭建的项目中,是使用webpack进行打包,在使用vue init 进行初始化项目...

  • 2018-12-06

    1. 环境配置 全局安装 vue-cli: 2. 初始化项目 这里使用官方的 vue-cli 初始化一个 Vue ...

  • 初始化vue项目及更改目录结构

    原文地址 使用vue-cli初始化项目 运行初始化命令:$ vue init webpack project_na...

  • 使用 Vue-Cli 3.x 搭建项目框架

    背景 最近正在做一个项目,使用 Vue-Cli 3.x 新搭建了一个框架 步骤 使用 Vue-Cli 初始化项目 ...

  • vue-cli创建vue2.0项目

    通过npm安装vue-clicnpm install vue-cli -g使用vue init 命令初始化项目vu...

  • 创建、发布自己的 Vue UI 组件库

    初始化 project 这里我们使用官方的 vue-cli 初始化一个 Vue 项目 npm install -g...

  • vue从入门到xx,第一节:新建vue.js项目

    使用webpack作为打包工具,直接使用vue-cli初始化项目This is a project templat...

网友评论

      本文标题:使用vue-cli初始化vue项目

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