VUE系列-项目搭建

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

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

第一步:

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

VUE系列-项目搭建_第1张图片
选择Node.js中文网


VUE系列-项目搭建_第2张图片
点击下载


VUE系列-项目搭建_第3张图片
下载-根据系统需求选择直接安装

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


VUE系列-项目搭建_第4张图片
会显示版本信息-表示安装成功

第二步,安装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系列-项目搭建_第5张图片
自由飞翔吧

你可能感兴趣的:(VUE系列-项目搭建)