美文网首页
cli2.0搭建vue项目

cli2.0搭建vue项目

作者: 大筒木周助 | 来源:发表于2018-09-15 10:10 被阅读0次

    用脚手架创建VUE项目

    1 .创建文件地址  

    首先创建一个文件夹,我用的HBuilder编辑器 , 然后把文件夹拖入编辑器 , 在你创建的文件夹里面打开cmd 

    先装淘宝镜像:npm i -g cnpm --registry=https://registry.npm.taobao.org

    全局安装webpack:npm install webpack -g(先执行webpack -v有安装过就不用装)

    然后全局安装:npm install webpack-cli -g

     2.输入安装命令 :

    1).npm i -g vue-cli 或者 npm install --global vue-cli

    2). vue init webpack my-project(项目名字)

    在你安装第二个的时候页面会出现

    这些是安装的过程中会问你需不需要配置路由 . 测试等

    Project name 项目名称(enter)

    Porject description 项目描述(enter)

    Author (enter)

    Install vue-router 是否按照vue路由(y)

    use eslint ... 是否使用eslint检查你的代码(n)

    set up unit tests.... 测试(n)

    set up e2e... 测试(n)

    yes use NPM... (enter)

     然后呢然后呢他自己会安装,等他安装完成你再去看看你的文件夹,你会发现东西就出来了

        然后进入生成的那个文件夹 cd my-project   进入后在执行 npm run dev

    相关文章

      网友评论

          本文标题:cli2.0搭建vue项目

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