美文网首页
vuejs环境安装项目启动

vuejs环境安装项目启动

作者: 三人行大道 | 来源:发表于2018-10-10 10:56 被阅读0次
    1.这是vuejs的教程网站 :https://cn.vuejs.org/v2/guide/installation.html
    2.想要用vuejs,首先需要安装npm(node package manager)node的包管理工具
    国内的下载速度可能会慢,所以建议去 https://npm.taobao.org/ 
    上面下载,
    执行npm install -g cnpm --registry=https://registry.npm.taobao.org
    用cnpm代替npm 这样会快很多
    3.可以执行 cnpm -v 查看版本
    执行 cnpm install -g vue-cli  安装vue
    (这里加上 -g 是全局安装即安装到系统目录,如果不加-g会安装到当前目录下)
    执行完之后,可以执行vue --version 可查看vue版本
    
    vue init webpack my-project
     (这条命令是初始化项目,webpack指的是项目的类型(也可以说是打包模式),my-project指的是项目的名称)
    ? Project name my-first-vue-project (这里是第一个项目的名称)
    ? Project description this is my frst vue project (对第一个项目的描述)
    ? Author jing (作者)
    ? Vue build standalone
    ? Install vue-router? Yes(路由)
    ? Use ESLint to lint your code? No(在搭建vue脚手架时提示是否启用eslint检测的 强烈建议选择No)
    ? Set up unit tests Yes ()
    ? Pick a test runner jest
    ? Setup e2e tests with Nightwatch? Yes
    ? Should we run `npm install` for you after the project has been created? (recommended) npm
    
    接着会有提示
    cd my-first-vue-project
    npm run dev
    接着你可以用这个IDE-->webstorm 打开项目
    
    

    相关文章

      网友评论

          本文标题:vuejs环境安装项目启动

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