您的位置:首页 > 理论基础 > 计算机网络

搭建vue环境(http://localhost:8080/ 显示vue设置好的界面 基本搭建成功)

2017-01-12 15:54 369 查看
1.安装node.js   这个就直接去官网下载即可(但是最后选择的时候需要选择m)

2.cmd打开命令行输入   node-v  会立即显示node的版本说明安装成功了!

3.命令行输入以下步骤

安装淘宝镜像

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

安装webpack

cnpm install webpack -g

安装vue脚手架

npm install vue-cli -g

在硬盘上新建一个文件夹放置你自己的新项目(比如新建一个new文件夹)

cd new  (表示进入此文件夹)

根据模板创建项目(例如新建一个工程名字是app的)

vue init webpack-simple app

然后会跳出一些设置 让你输入名字,描述.作者
如下输入:

Project name (vue-test) 直接回车默认

Project description (A Vue.js project) 直接回车默认

Author 写你自己的名字

最后会告诉你怎么用

1. cd new             (进入文件夹)

2.npm install       (安装模块)      //  网速差的同学可能就卡在这里了,因为他娘的一直不懂.那么你可以使用淘宝源 cnpm install

3.npm run dev     (这一步的意思是运行里面的dev,server服务器并且让服务器运行在8080端口)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐