美文网首页
Vue 安装 vue-cli 脚手架 & 创建 vue 项目

Vue 安装 vue-cli 脚手架 & 创建 vue 项目

作者: YUNDONG丶 | 来源:发表于2020-02-17 14:55 被阅读0次

安装 node.js

node -v # 验证 nodejs 版本
npm -v # 验证 npm 版本

切换 npm 为淘宝源。

// 切换到淘宝镜像
npm config set registry https://registry.npm.taobao.org
// 验证是否切换到了淘宝镜像
npm info underscore

安装 vue-cli

npm install -g @vue/cli
# 注意 macos 系统上必须加上 sudo
sudo npm install -g @vue/cli

通过 vue-cli 创建 vue 项目

#  定位到你想要生成文件目录
cd /xxx/xxx
# 创建文件
vue create my-app

选择 vue 预设模版(确认完成后,可能要加载一段时间。)



可使用 npm run serve 启动项目。

文件目录介绍

image.png

扩展内容
github
个人博客

相关文章

  • 使用vue-cli搭建vue项目

    vue-cli vue的脚手架 安装脚手架之前需要安装node.js 安装脚手架 安装vue-cli 创建vue项...

  • 使用HBuilder将Vue项目打包为移动端APP

    1. 创建Vue项目并测试可正常运行 创建:可使用vue脚手架工具vue-cli创建vue项目,并安装依赖 测试:...

  • 使用HBuilderX将Vue项目打包为移动端APP

    1. 创建Vue项目并测试可正常运行 创建:可使用vue脚手架工具vue-cli创建vue项目,并安装依赖 测试:...

  • vue-cli脚手架搭建vue项目

    一、下载nodejs并安装和配置环境变量 二、安装vue-cli脚手架 三、使用vue-cli脚手架创建项目 四、...

  • mac下Vue脚手架创建项目

    安装脚手架:sudo cnpm install --global vue-cli 创建项目:vue init we...

  • Vue+Electron

    坑爹的,发现electron+vue的话,应该先安装vue。 创建vue项目 前提已安装vue-cli脚手架。 d...

  • Vue-cli

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

  • vue-cli

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

  • vue引用echarts插件

    首先创建一个vue项目 1、安装 vue-cli脚手架 2、创建项目 3、如果需要sass,安装依赖 还需要...

  • vue入门教程

    Vue-cli入门教程 vue-cli是官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目 ...

网友评论

      本文标题:Vue 安装 vue-cli 脚手架 & 创建 vue 项目

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