• vue 新建项目


    1. 首先安装node.js,安装时一直点Next,知道Finish就可以安装成功

    2. 打开控制命令执行程序cmd,输入node -v ,可以查看node的版本信息,即安装成功,我安装的是v8.12.0

    3. 安装淘宝镜像安装相关依赖,我们都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像,

        输入npm install -g cnpm --registry=http://registry.npm.taobao.org ,接下来就可以用cnpm 命令来安装模块了

    4. 安装vue-cli脚手架构建工具,输入命令npm install -g vue-cli ,安装完成即可。 //  全局安装vue-cli

    5. 检查vue-cli是否安装成功,不能检查vue-cli,检查vue的版本信息,输入命令

    6. 选定路径,新建vue项目,我是新建到D盘下,指令vue init  webpack +项目名称(项目名称都要小写哦)

     如果项目创建的时候没有报错,cnpm install / npm install就可以省略,如果报错了,cd到项目里面运行该命令

    (另一种创建项目方式:vue init webpack-simple demo01,这种方式创建出来的项目,目录比较简单,适合中小型项目)

    7.  接下来就会新建这个项目,需要输入相关的配置,这个根据自己的情况而定

    8. 项目创建成功,如图:

    9. 进入到项目文件夹下

     10. 输入npm run dev ,运行项目

    11. 在浏览器中打开这个网址,就能看到

     

    创建项目成功,自己创建的时候花了好长时间,会出现各种各样的错,最后执行cmd以管理员身份运行的才创建成功,记录一下第一个vue项目环境的搭建及创建

  • 相关阅读:
    perl学习之路3
    perl学习之路1
    年少的忧伤
    莎士比亚的情诗
    自做贪吃蛇游戏的android实现
    伤感的蝴蝶
    爱上下拉列表框Spinner
    相识RadioGroup初恋CheckBox
    EditText和Button的纠缠
    谁陪我一起打包Andriod应用
  • 原文地址:https://www.cnblogs.com/xwh816/p/xwh970816.html
Copyright © 2020-2023  润新知