vue-cli安装与vue项目创建

首先查看npm版本     npm 是node的命令  没有的先安装node

然后执行 npm install -g vue-cli

  如果执行这句命令有问题,则需要将npm的仓库地址改为淘宝镜像

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    然后再用cnpm安装vue-cli。

    cnpm i -g vue-cli

创建 vue项目

  vue init webpack <项目名称>

  后面根据提示选择或输入对应的字符串

  进入项目目录之后  执行npm run dev   vue就运行起来了

注意: 如果改变了npm的仓库地址仓库地址 则后面的 npm install 要改为 cnpm install 去安装vue的依赖

    将启动命令 npm run dev 改为 cnpm run dev

  

原文地址:https://www.cnblogs.com/brucexl/p/11020438.html

时间: 2024-11-08 18:34:14

vue-cli安装与vue项目创建的相关文章

Python vue坏境搭建及项目创建

vue项目坏境搭建 node ~~ python:node是用c++编写用来运行js代码的 npm(cnpm) ~~ pip:npm是一个终端应用商城,可以换国内源cnpm vue ~~ django:vue是用来搭建vue前端项目的 1.安装node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 2. 安装cnpm npm相当于node的应用商店,这里我们换成淘宝源保证资源的下载速度 # 换国内源,加速下载# 管理员命令行:npm install -g cnp

vue脚手架安装,新建项目,打包

1.安装node.js 从node官网下载并安装node,安装步骤很简单,只要一路“next”就可以了. 2.安装cnpm 淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装vue cnpm install vue 4.安装脚手架 cnpm install --global vue-cli 5.新建一个项目 vue init webpack 项目名称运行初始化命令的时候回让用户输入几个基本的选项,如项目

Vue CLI 3搭建vue+vuex 最全分析

一.介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统.有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create .vue serve .vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境依赖.构建于 webpack 和 webpack-dev-server 之上(提供 如:serve.build 和 inspect 命令) CLI 插件:给Vue 项目提供可选功能的 npm 包 (如

mc01_IntelliJ IDEA安装与Java项目创建以及Tomcat配置

IntelliJ IDEA安装与激活 下载地址:http://www.jetbrains.com/idea/ 安装下一步下一步即可,关键是注册激活,该部分分两个步骤: 1. 配置windows hosts文件 进入电脑C:\Windows\System32\drivers\etc目录,打开hosts文件,追加下面的一行内容,然后保存退出 0.0.0.0 account.jetbrains.com 2. 打开http://idea.lanyus.com/网址点击“获得注册码”,然后复制注册码 3.

vue cli 安装element-ui

1.安装elment-ui --save 参数:上线打包 MacBookPro:vue_test zhangxm$ npm install element-ui axios --save npm WARN deprecated [email protected]: [email protected]<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrad

vue cli搭建的vue项目 不小心开了eslint 一直报黄色的警告

报错必须处理,警告也忍不了,发现在bulid -webpack.base.config.js 里找到 const createLintingRule = () => ({ /*test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: { formatter: require('eslint-friendly-formatter

【Vue CLI】从安装到构建项目再到目录结构的说明 &#196968;

目录 1. 构建我们的项目 2. 目录结构说明 2.1 build目录 2.2 config目录 2.3 src目录 2.4 static目录 原文: http://blog.gqylpy.com/gqy/284 "Vue CLI是一个基于Vue.js进行快速开发的完整系统. Vue CLI致力于将Vue生态中的工具基础标准化.它确保了各种构建工具只需给予智能的默认配置便可平稳衔接. 这样我们就可以专注在撰写应用上,而不必花好几天去纠结配置的问题.于此同时,它还为每个工具提供了调整配置的灵活性.

vue cli 3.x 项目部署到 github pages

github pages 是 github 免费为用户提供的服务,写博客,或者部署一些纯静态项目. 最近将 vue cli 3.x 初始化项目部署到 github pages,踩了一些坑,记录如下. https://github.com/nusr/resume-vue 1. vue-router 不要开启 history 模式 路径中的 # 比较丑,就开启了 vue-router 的 history 模式,去掉了 #.平时做项目也是默认开启 history 模式.折腾了半天发现,我这是部署到 g

手把手教你如何安装使用webpack vue cli

1.安装node.js:https://nodejs.org/en/download/(看电脑的系统是多少位下载相应版本) 我下载的是Windows Installer(.msi) x64 2.打开cmd,查询npm -v看是否有版本号 3.输入指令: 1.npm install -g @vue/cli 2.npm install -g @vue/cli 这两种方式都是全局的(-g) 注意:如果觉得下载速度过于慢了(服务器在国外),可以使用淘宝镜像下载 在cmd中输入: npm install

Vue CLI 3开发中试用UIkit 3组件库

一.UIkit组件库与vuikit简介 在选择好意中的前端开发基本框架后,接下来一个重要任务就是选择一款好的UI组件库.其中,UIkit组件库是一款基于Less+JS的一款轻量级.模块化.响应式的前端UI组件库.特别是,从版本3.0.0 beta 31开始完全脱离了jQuery框架.UIkit组件库的一个重要特点是,其提供的组件大部分是非常基础性的,但是也有一部分组件相当实用,例如Slideshow组件.Upload组件.Video组件等,在github网站上的评价星数是13K,相当不错.另一个