美文网首页
vue-cli(脚手架)搭建工作

vue-cli(脚手架)搭建工作

作者: 清晨雨露_ | 来源:发表于2017-02-13 09:23 被阅读0次

做一个项目开始将一些文件环境搭建好,这里vue提供了vue-cli作为项目搭建工具,在nodejs环境下进行安装,nodejs版本在4.0以上

以下是在window环境下的安装步骤

1.node -v 查询版本

2.npm install -g vue-cli 安装vue-cli

3.vue 查看是否安装成功

4.vue list 查看可用模板

5.vue init webpack  project-name 选择一个模板(webpack)初始化,注意这里进入到需要项目所在目录,然后根据提示填写作者等内容

6.cd project-name 进入项目文件夹

7.npm insatll 安装依赖,这里是因为在init后文件根目录下有一个package.json文件,这个文件中包含了所需要的包,可以自动安装。在没有这个文件的时候我们需要先init 然后安装所需要的包,package.json会显示安装成功后的包的版本信息

8.npm run dev 启动项目,端口号是8080

如果是Mac版  在命令前面加上sudo

在配置stylus  时配置完成还需要

npm install stylus --save-dev  

相关文章

网友评论

      本文标题:vue-cli(脚手架)搭建工作

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