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

vue-cli脚手架安装教程2017

2017-07-23 11:33 603 查看
1.首先下载node.js,下载地址:http://nodejs.cn/download/

2.安装node.js,跟安装普通软件一样

3.打开命令行,输入node -v,显示版本号表名安装成功

4.全局安装vue,输入:npm install -g vue

5.全局安装webpack,输入:npm install -g webpack

6.全局安装vue-cli,输入:npm install -g vue-cli

7.进入自己想要建立项目的文件夹,输入:vue init webpack Vue,创建一个基于webpack模版的项目

8.进入创建的vue文件夹,安装依赖,输入:

cd Vue

npm install

9.开发环境下运行项目,输入:npm run dev,浏览器将自动打开

10.生成发布文件,输入:npm run build,会打包到dist文件夹里,将dist放到服务器就可以了;

如果放的不是根目录,则设置config/index.js中的assetsPublicPath:'/你的目录名称/'
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: