zoukankan      html  css  js  c++  java
  • 搭建vue的开发环境


    搭建vue的开发环境:

    https://cn.vuejs.org/v2/guide/installation.html

    1、必须要安装nodejs


    2、搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具

    npm install --global vue-cli / cnpm install --global vue-cli (此命令只需要执行一次)


    3、创建项目 必须cd到对应的一个项目里面

    vue init webpack vue-demo01

    cd vue-demo01

    cnpm install / npm install 如果创建项目的时候没有报错,这一步可以省略。如果报错了 cd到项目里面运行 cnpm install / npm install

    npm run dev 项目运行



    4、另一种创建项目的方式 (简易版)

    vue init webpack-simple vuedemo02

    cd vuedemo02

    cnpm install / npm install

    npm run dev

    小窗口创建项目:【前提:必须安装node.js】

    1. 在想要放置项目的盘里创建一个空文件夹

    2. 打开电脑运行窗口:win+r 输入指令:cmd

    3. C:\Users\lenovo>d: //找到放置项目的盘

    4. D:\>cd D:\Vue //找到放置项目的文件夹

    5. D:\Vue>npm install -g @vue/cli -init //全局安装vue脚手架(桥接vue2.0)

    6. D:\Vue>npm install -g cnpm --registry=https://registry.npm.taobao.org //全局安装淘宝镜像

    7. D:\Vue>vue create hello-world //创建项目 vue init webpack hello-world

    8. D:\Vue>cd hello-world //找到项目

    9. D:\Vue\hello-world>npm run serve / cnpm run serve //运行项目

    10. D:\Vue\hello-world>npm run build / cnpm run build //打包项目

    淘宝镜像:

    cnpm 下载包的速度更快一些。



    地址:http://npm.taobao.org/

    安装cnpm:

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

  • 相关阅读:
    WebApp 里Meta标签大全,webappmeta标签大全
    写给自己的Java程序员学习路线图
    JAVA学习路线图
    JavaScript经典作用域问题(转载)
    js 判断当前操作系统是ios还是android还是电脑端
    css动画,展开折叠图标
    CSU 1335 高桥和低桥
    codevs 1341 与3和5无关的数
    noi 7827 质数的和与积
    51nod 1082 与7无关的数
  • 原文地址:https://www.cnblogs.com/hclw/p/15608924.html
Copyright © 2011-2022 走看看