美文网首页
vue-cli快速搭建项目

vue-cli快速搭建项目

作者: 乐伊兔 | 来源:发表于2017-07-05 16:22 被阅读0次

    说明:

    使用nodeJs自带的npm命令运行,node的版本需在6.0以上。

    安装nodejs:

    去nodejs官网下载即可,地址:http://nodejs.cn/中文网

    步骤:

    安装webpack:

    npm install webpack -g

    如果已经安装过webpack的同学,可以忽略这个哦

    安装vue脚手架:

    npm install vue-cli -g

    结果如下图

    创建项目:

    vue init webpack my-project   <工程名字不能用中文,这里的my-project是工程名>

    会出现如下图的一些设置,这里的Author我没有填写,这个可以填写的。

    执行到这里,已经可以看到文件夹里面已经生成了项目目录了(如下图),接下来就是要安装依赖,运行项目了。

    进入项目里:

    cd my-project

    安装依赖:

    npm install

    注意了:这里如果使用淘宝镜像去安装依赖的话,有可能会出问题,不过我目前暂时没有遇到……

    运行项目:

    npm run dev

    在浏览器中输入框中的网址即可

    相关文章

      网友评论

          本文标题:vue-cli快速搭建项目

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