vue.js环境搭建详解
来源:互联网 发布:软件行业的外包 编辑:程序博客网 时间:2024/05/01 09:12
1.需要安装node.js,详细步骤 http://www.runoob.com/nodejs/nodejs-install-setup.html
2.安装好node之后,因为npm在国内的时候会很慢,所以推荐安装淘宝的镜像,用cnpm来代替npm,
打开cmd直接输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
之后回车,等待进行安装,具体的地址可以查看网页: http://npm.taobao.org/3.在cmd里输入 :cnpm install -g vue-cli 回车,进行安装
安装之后可以出入vue回车查看信息,如果有证明成功
4.之后需要创建项目,在cmd里输入:vue init webpack vue_test(项目文件夹名),项目文件夹名字可以进行修改
5.之后就可以在对应的路径下查看到我们新创建的文件夹,里面有一个新的项目,但是现在还不能运行,需要添加依赖
6.添加依赖
在cmd里输入:cd fisrt(项目名),回车,需要进入到具体项目文件夹才能进行操作
之后在输入:cnmp install,回车,等待依赖下载完成,
这里说一下,我这里是输入cnmp install是无法下载的,结果需要把当前的cmd窗口关闭之后,重新打开cmd进行到路径下,执行cnmp install才可以的,要是其他人是可以直接下载就直接略过这句话。
之后我们会发现项目文件里多了node_modules这个文件夹,这个文件夹就是依赖的部分。
7.就是对项目进行运行查看,不过项目运行的时候,我出现了这个问题,nmp的升级问题
具体解决可查看这个文章 http://www.cnblogs.com/webph/p/6261727.html
强调一下的是npm install npm@latest -g 这句命令行就是升级到最新版的npm
如果没有遇到同类问题的,可以自行忽略。
8.开始测试是否能够运行成功
在cmd里输入:cnpm run dev ,之后在浏览里输入:localhost:8080(默认端口为8080)
到此环境就安装成功了。
- vue.js环境搭建详解
- Vue.js环境搭建
- vue.js环境搭建
- vue.js环境搭建
- Vue.js 环境搭建
- 搭建vue.js环境
- vue环境搭建详解
- Vue.js 运行环境搭建详解(基于windows)
- Vue.js入门环境搭建
- vue.js + webpack 环境搭建
- 搭建vue.js开发环境
- Vue.js开发环境搭建
- vue.js开发环境搭建
- vue.js开发环境搭建
- vue.js环境的搭建
- Windows环境 搭建 vue.js
- vue.js开发环境搭建
- vue.js入门环境搭建
- OpenDDS开发手册---第一章
- Java多线程问题 Top 50
- 蓝桥杯 ALGO-155 算法训练 C++ CH08 01
- 线性表——顺序表
- 用Rvest包再爬拉勾网
- vue.js环境搭建详解
- java笔记:SpringSecurity应用
- linux面试题
- python 记一次计算qzonetoken经历
- 多线程基于Mybatis框架下的聊天对话程序
- C++ 开发工程师 第三周笔记 boolan.com
- Ansible playbook
- javafx argument type mismatch 异常
- 威佐夫博弈(Wythoff Game)