使用npm安装vue项目初始框架
来源:互联网 发布:怎么成为一个淘宝客 编辑:程序博客网 时间:2024/05/07 11:48
1.首先安装node和npm
2.安装vue:npm install -g vue-cli //-g表示全局安装,vue-cli是模块,全局安装的模块可以在命令行直接使用
由于npm网站在国内速度非常慢,所以可以在命令后面加上淘宝的镜像
即:npm install -g vue-cli --registry=https://registry.npm.taobao.org
之后,可以vue --version查看vue是否安装好,出现版本号即安装成功。
vue init webpack my-vue //创建一个基于"webpack"的项目,后面是项目名
依次按照提示输入,项目名、项目描述、项目作者等等,看到最后这句项目就创建好了。
然后可以在my-vue文件下看到项目结构:
4.安装项目依赖
生成了项目以后是不能直接运行的,现在很多项目都依赖许许多多的模块,需要逐一安装依赖。
ctrl+c 停掉刚生成项目的命令,cd my-vue 进入项目跟目录, 用命令npm install 安装
5.运行测试
npm run dev
出现如下红色框框表示启动完成,一般流览器会自动跳转出界面http://localhost:8080/,也可以手动打开流览器器输 入地址。
这样项目就搭建完成了。
阅读全文
0 0
- 使用npm安装vue项目初始框架
- 在Vue项目中使用npm安装bootstrap以及jquery
- vue在旧项目中的使用(不用npm安装)
- 用npm安装vue和vue-cli,并使用webpack创建项目
- npm安装vue
- npm安装vue
- NPM 方法安装vue.js,初始化项目并启动
- 使用vue框架运行npm run dev 时报错解决
- npm 安装vue时报错
- Vue.js NPM方法安装
- 【vue】如何在mac上使用npm安装vue和安装问题处理
- 为什么推荐使用npm安装Vue,而不是直接在HTML中引入vue.js
- yii框架初始安装
- vuejs第一篇:通过npm安装vue框架(印象深刻的问题出在了npm上)
- vue.js安装过程(npm安装)
- vue.js安装过程(npm安装)
- vue.js安装过程 (npm安装)
- vue.js安装过程(npm安装)
- 左手/右手坐标系
- java的三大特性之继承
- 「Deep Learning」理解Pytorch中的「torch.utils.data」
- Inversion of Control Containers and the Dependency Injection pattern
- HTML之超链接
- 使用npm安装vue项目初始框架
- objective-c 编程基础(3.2 属性作用域)
- 回文数
- linux下使用c语言模拟ls [-l] [路径名] 命令
- tree.js翻译1
- VirtualBox 虚拟机主机可以通,之前也可以通,又可以要上网
- CodeForces 672D Robin Hood(二分 + 思维)
- LightOJ
- reconstruct_connection_rod_uncalib