zoukankan      html  css  js  c++  java
  • vuejs从安装开始一起飞~

    要写一个基于vuejs的项目,首先安装vue~这个可以在安装nodejs时一并安装

    一、安装nodejs

    1.去nodejs官网对应下载合适的nodejs,然后安装

    2.在菜单栏搜索cmd,右键以管理员身份打开必须是管理员身份

    3.输入  node -v    出现版本号说明nodejs安装成功

    3.再输入   npm install vue  ,开始安装vue,结束后输入 npm -v,出现vue的版本号,则说明安装成功,否则安装失败!

    4.安装失败的盆友需要  百度搜索npm淘宝镜像网站,使用定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm

      输入 npm install -g cnpm --registry=https://registry.npm.taobao.org , 然后再输入 npm -v ,出现版本号说明安装成功。

    5.对于仍然安装失败的盆友,使用global全局命令:npm install vue –global

    6.安装成功的盆友输入 npm install –global vue-cli安装CLI

    7.安装结束后,输入vue,待出现usage,commands,options等信息,说明安装成功。

    至此vue环节安装结束

    二、创建项目文件夹

    找个电脑空地,作为你的项目文件夹的栖息地。。。

    1.在原地调出命令窗口,输入  vue init webpack my-project(项目文件夹的名字-英文),然后会让你进行一些配置,你可以一直回车

    2.结束后输入  npm install 

    3.安装结束后输入  npm run dev

    成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:

    文件夹创建结束~(如果前面使用淘宝镜像安装的朋友 命令窗口输入的 npm 建议都换成 cnpm)

    三、vue.js目录结构介绍

    打开my-project文件夹,发现里面一堆文件,哪个是哪个??

    后面的vue.js使用可以去百度 vue菜鸟教程 学习,按顺序看一遍就有大概的了解啦,后面的深入应用就要多看项目代码,多写啦~

  • 相关阅读:
    工厂模式
    Bootstrap 日历
    处理乱码
    Eclipse常用快捷键
    C#_XML与Object转换
    jQuery选择函数
    Bootstrap如何正确引用字体图标
    js上拉加载、下拉刷新的插件
    js通用对象数组冒牌排序
    关于js跨域
  • 原文地址:https://www.cnblogs.com/javencs/p/6775483.html
Copyright © 2011-2022 走看看