美文网首页Vue.js专区
VUE系列-项目搭建

VUE系列-项目搭建

作者: 前端小学生CBB | 来源:发表于2017-11-23 11:23 被阅读0次

vue-cli安装搭建(MAC系统)

废话不多说直接开干~~~

第一步:

安装node.js,如果没有墙可以度娘

选择Node.js中文网 点击下载 下载-根据系统需求选择直接安装

安装成功后可以在终端查看版本信息如:

会显示版本信息-表示安装成功

第二步,安装webpack(vue-cli还支持其他的打包工具,具体码友们可以去vue-cli 看看)

如果直接 输入 cnpm install webpack -g(一般我喜欢直接全局安装) 这个时候MAC安装会出现

权限报错

在使用MAC全局安装时,需要注意 在命令钱加上 sudo 、sudo、sudo 重要的命令说三遍,来获取最高权限就可以了

同样安装成功以后可以查看版本信息;

第三步,安装vue-cli

在终端对应的文件夹下 输入 sudo cnpm install -g vue-cli 安装成功即可

? Project name ---项目名称

? Project description---项目描述

? Author ---作者

? Vue build standalone--推荐运行加编译 回车即可

Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere

? Install vue-router?  ---是否需要路由根据需求选择

? Use ESLint to lint your code? 是否需要代码查验可以根据需求选择(如果选择了要去对应配置,除非你适应它默认的规则)

? Setup unit tests Yes

? Pick a test runner---是否使用单元测试-根据需求选择

? Setup e2e tests with Nightwatch? Y --是否安装e2e测试

最后会提示

To get started:

cd 进入项目名称

npm install

npm run dev

根据上面的命令来就可以了, cnpm install 安装依赖

最后npm run dev

就可以看到 大大大的V了

自由飞翔吧

相关文章

网友评论

    本文标题:VUE系列-项目搭建

    本文链接:https://www.haomeiwen.com/subject/wxaavxtx.html