您的位置:首页 > 产品设计 > UI/UE

脚手架vue-cli构建vue项目

2017-09-14 12:45 573 查看


脚手架vue-cli构建vue项目

参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布
1.Node.js安装
   https://nodejs.org/en/download/
2.安装vue-cli
 注意:如果安装淘宝镜像(cnpm):
   $ npm install -g cnpm --registry=https://registry.npm.taobao.org;
则下面的步骤中的npm全换成cnpm,安装速度较快。 
  npm install -g vue-cli
3.使用vue-cli初始化项目

vue init webpack-simple my-project-name


 (图片来源网络,侵删)
 


4、进到目录
cd my-project
5、安装依赖
  npm install
6、开始运行

npm run dev


(图片来源网络,侵删)



7、测试项目--访问
localhost:8080
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue.js