使用npm安装配置vue

npm安装很慢(国外服务器),所以一般推荐使用npm淘宝镜像cnpm,先安装下cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装好cnpm后,以后使用npm的地方就可以使用cnpm替代了。
3.0.5
+ 安装Vue 脚手架    @vue/cli
    sudo npm install @vue/cli -g 
+ 安装Vue 脚手架插件 @vue/cli-init    
    sudo npm install @vue/cli-init -g  
+ 通过 vue 指令创建项目
    vue init webpack 项目名
``` shell
? Project name bookshop             // 设置项目名称
? Project description A Vue.js project      // 描述
? Author                            // 作者
? Install vue-router? Yes           // 安装路由组件
? Use ESLint to lint your code? No     // ES 语法检查插件 
? Set up unit tests No                  // 单元测试
? Setup e2e tests with Nightwatch? No   // 测试 
? Should we run `npm install` for you after the project has been created? (recom
mended) (Use arrow keys)
❯ Yes, use NPM              // NPM 
  Yes, use Yarn 
  No, I will handle that myself 
```
+ 切换至 项目目录 
    `npm run dev` 运行项目
    `npm run build` 打包发布项目
ps:主要就是安装cli 和 cli-init 然后有了之后你可以在磁盘中创建一个文件然后cd进去,再创建这个项目

vs在安装个vetur 这样vue文件就带色了
1、安装node,下载地址:https://nodejs.org/en/download/
2、安装完成后打开cmd,输入node-v,出现版本信息说明安装成功
3、输入npm install -g cnpm --registry=http://registry.npm.taobao.org ,安装淘宝镜像安装相关依赖
4、安装vue-cli脚手架构建工具,输入命令 npm install -g vue-cli,安装完成即可
5、查看一下npm 的配置信息

配置环境变量path添加 I:\Program Files (x86)\nodejs\node_global
6、cmd输入vue -V(v大写)查看vue版本
5、cmd cd到目标目录下 创建的目录下输入命令 vue init webpack +项目名称 创建
使用npm安装配置vue的更多相关文章
- 【强烈推荐,超详细,实操零失误】node.js安装 + npm安装教程 + Vue开发环境搭建
		node.js安装 + npm安装教程 + Vue开发环境搭建 [强烈推荐,超详细,实操零失误] 原博客园地址:https://www.cnblogs.com/goldlong/p/8027997.h ... 
- an'gularjs 环境搭建之NodeJS、NPM安装配置步骤(windows版本)
		NodeJS.NPM安装配置步骤(windows版本) :http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/ ... 
- npm安装教程(vue.js)
		https://www.cnblogs.com/goldlong/p/8027997.html 首先理清nodejs和npm的关系: node.js是javascript的一种运行环境,是对Googl ... 
- 【转载】NodeJS、NPM安装配置步骤(windows版本)
		1.windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL” ... 
- [转]NodeJS、NPM安装配置步骤(windows版本)
		1.windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL” ... 
- NodeJS、NPM安装配置与测试步骤(windows版本)
		1.windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的"INS ... 
- NodeJS、NPM安装配置步骤
		安装NodeJS和NPM 1.Node JS 官网下载地址 https://nodejs.org/en/download/ 2.安装完后,使用cmd 命令输入两个命令,查看安装状态 node -v n ... 
- node.js及npm安装&配置
		之前我们在文言文安装教程里写过node.js及npm的安装,这里我们详细写一下. 下载node.js node.js下载分为两种,官网nodejs.org,和国内官网nodejs.cn,国内的童鞋建议 ... 
- NodeJS、NPM安装配置步骤(windows版本)
		windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的"INSTA ... 
随机推荐
- Schedule Problem  spfa 差分约束
			题意:有n个任务,给出完成n个任务所需时间,以及一些任务安排.任务安排有四种: FAS a b:任务a需在任务b开始后完成. FAF a b:任务a需在任务b完成后完成. SAF a b:任务a需在任 ... 
- SQL Server Agent Job 中用Powershell将备份文件拷贝到AWS S3
			SQL Server 数据库备份后,如何再复制一份到AWS S3 上,步骤和需要注意的地方如下: 1. 首先在SQL Server 中创建一个Credential 2. 授权这个Credential ... 
- Android Studio 重写方法时参数命名异常
			Android Studio 重写方法时参数命名异常 Android Studio 重写方法时参数名称乱掉可以通过下载相应源码解决 
- <玩转Django2.0>读书笔记:表单
			1. 表单字段 参考: 官方文档 Django表单字段汇总 2. 表单代码示例(forms.Form) # form.py代码 # 获取数据库数据 choices_list = [(i+1,v['ty ... 
- Springboot 2.x 无法读取yml配置值的问题:Could not resolve placeholder xxx value '${xxx}'
			最近在用Springboot2.1 新建demo工程的时候,在DataSourceConfig类中通过 @Value("${spring.datasource.url}") 的方式 ... 
- P2V后,VMWare ESX 上RedHat AS5网络不通问题的解决办法
			现象: 机器在启动eth0后,可以ping通eth0的IP,但是很快就无法访问了. 原因: red hat 5.x 默认系统安装完成后为xen内核,那么xen内核引导启动后就会有虚拟网卡(vethx. ... 
- Java变成遇到的简单乱码问题
			1.乱码 --- 编码集 编码集的本质是让数字与字符产生一个映射关系,不同的编码集映射实现也不同 比如UTF-8: "中"----> -28 -72 -83 对应 ... 
- node.js搭建Web服务器
			Node.js 博客搭建 一. 学习需求 Node 的安装运行 会安装node,搭建node环境 会运行node. 基础模块的使用 Buffer:二进制数据处理模块 Event:事件模块 fs:文件系 ... 
- 接口自动化集成到jenkins(Java+testng+maven+git)
			一jenkins启动命令:jenkins 查看端口号: 1.lsof -i:端口号 2.netstat -tunlp|grep 端口号 二: 登录:http://localhost:8080 输入:u ... 
- 将博客搬至CSDN http://blog.csdn.net/yi_xianyong
			将博客搬至CSDN http://blog.csdn.net/yi_xianyong 
