• 搭建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

  • 相关阅读:
    【bzoj1029】[JSOI2007]建筑抢修
    【bzoj2748】[HAOI2012]音量调节
    【bzoj1041】[HAOI2008]圆上的整点
    【bzoj2743】[HEOI2012]采花
    【bzoj1034】[ZJOI2008]泡泡堂BNB
    【bzoj1260】[CQOI2007]涂色paint
    【bzoj2728】[HNOI2012]与非
    【bzoj2003】[Hnoi2010]Matrix 矩阵
    【bzoj1028】[JSOI2007]麻将
    利用adb截屏
  • 原文地址:https://www.cnblogs.com/hclw/p/15608924.html
Copyright © 2020-2023  润新知