美文网首页
04-用vue开始搭建一个项目

04-用vue开始搭建一个项目

作者: 云桃桃 | 来源:发表于2019-07-21 21:36 被阅读0次
    1. 首先全局安装node,npm,webpack,如果npm比较慢,可以设置为淘宝cnpm镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org

    2. 安装vue脚手架npm install -g vue-cli,安装成功后,输入vue -V,webpack -v检测。

    3. 进入希望创建vue项目的目录,命令行执行vue init webpack 项目文件夹文字

    4. 接下来让做出选择,这个根据实际情况。


      根据项目情况做选择.png
    5. ok后,在项目文件夹下执行npm install安装一些包。

    6. 安装完毕后,在项目根目录下 npm run dev启动项目,直至出现最后一行,然后浏览器打开这个地址即可。

      本地服务开启.png
    7. 如果希望以本地形式打开项目,那么就需要用到命令npm run build。build构建前,注意看下config/index.js,build.assetsPublicPath的路径改为./,否则路径不对无法运行。执行之后,相关文件在dist,就可以看到html、js源码了。

    相关文章

      网友评论

          本文标题:04-用vue开始搭建一个项目

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