美文网首页
vue脚手架搭建环境

vue脚手架搭建环境

作者: 慕梓曦 | 来源:发表于2019-01-02 14:07 被阅读0次

    1.安装nodejs

        自带npm

    2. 安装淘宝镜像 cnpm

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    3.安装脚手架

    用cnpm安装vue脚手架

    cnpm install -g vue-cli

    特别注意:

    1.如果提示“无法识别”,有可能是npm的版本过低。

    解决办法:npm install -g npm(更新一下版本就好了)。

    2. 如果安装失败的话。

    解决办法:npm cache clean(清除一下缓存就好了)



    一、那么我们就从最简单的环境搭建开始:

    1.安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。

    这里需要说明下,因为在官网下载安装node.js后,就已经自带npm(包管理工具)了,另需要注意的是npm的版本最好是3.x.x以上,以免对后续产生影响。

    2.安装淘宝镜像,打开命令行工具,把这个(npm install -g cnpm --registry= "https://registry.npm.taobao.org")复制(这里要手动复制就是用鼠标右键那个,具体为啥不多解释),安装这里是因为我们用的npm的服务器是外国,有的时候我们安装“依赖”的时候很很慢很慢超级慢,所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v,如下图,如果出现相应的版本号,则说明安装成功。(可选)

    npm install -g cnpm --registry= "https://registry.npm.taobao.org

    3.安装webpack,打开命令行工具输入:npm install webpack -g,安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。

    webpack -v

    4.安装vue-cli脚手架构建工具,打开命令行工具输入:npm install vue-cli -g,安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功。

    vue -V

    5.创建工程  vue init webpack my-project

    需要注意的是项目的名称不能大写,不然会报错。

    6.是否依赖cnpm install


    相关文章

      网友评论

          本文标题:vue脚手架搭建环境

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