美文网首页
初始化创建一个vue项目(vue-cli)

初始化创建一个vue项目(vue-cli)

作者: 魔思科技 | 来源:发表于2019-07-26 15:19 被阅读0次
  1. 首先要先安装node 及 npm(node -v正常、npm -v报错卸载node重装)
  2. 使用淘宝 NPM 镜
npm config set registry https://registry.npm.taobao.org --global
  1. 安装vue-cli(V3以上版本)
npm install -g @vue/cli
  1. 在指定路径下创建项目
vue create project_name
  1. 创建项目时可以选择默认套餐和自定义套餐
*   `TypeScript` 支持使用 TypeScript 书写源码。
*   `Progressive Web App (PWA) Support` [PWA](https://developers.google.com/web/progressive-web-apps/) 支持。
*   `Router` 支持 [vue-router](https://router.vuejs.org/zh-cn/) 。
*   `Vuex` 支持 [vuex](https://vuex.vuejs.org/zh-cn/intro.html) 。
*   `CSS Pre-processors` 支持 CSS 预处理器。
*   `Linter / Formatter` 支持代码风格检查和格式化。
*   `Unit Testing` 支持单元测试。
*   `E2E Testing` 支持 E2E 测试。

  1. 启动项目
npm run serve

相关文章

  • 2018-08-22(创建项目)

    项目初始化 npm install -global vue-cli 全局安装 初始化项目。创建一个 基于 ...

  • 2018-08-29 vue 创建项目

    项目初始化 npm install -global vue-cli 全局安装 初始化项目。创建一个 基于 ...

  • vue搭建以及常用依赖下载

    一. vue-cli初始化 全局安装 vue-cli 创建一个基于 webpack 模板的新项目 安装依赖 4.启...

  • 2018-10-10

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

  • vue移动端项目中使用postcss-pxtorem进行适配方案

    首先,我们先使用vue-cli创建一个初始化的vue项目。 当项目创建好以后,我们在根目录下新建一个vue.con...

  • Vue.js实现多人共享博客

    1. 项目初始化 老套路了..使用vue-cli 创建项目骨架,创建路由。在 vue 项目中使用 scoped&l...

  • Vue-cli

    命令操作 安装脚手架(全局安装):npm install vue-cli -g 初始化项目(创建项目):vue i...

  • vue-cli

    命令操作 安装脚手架(全局安装):npm install vue-cli -g 初始化项目(创建项目):vue i...

  • 2018-12-16

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

  • vue项目搭建步骤以及一些安装依赖包

    一. vue-cli初始化 全局安装 vue-clinpm install --global vue-cli 创建...

网友评论

      本文标题:初始化创建一个vue项目(vue-cli)

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