zoukankan      html  css  js  c++  java
  • 【1113 | Day60】手把手带你创建vue项目(超详细)

    第一步:安装node

    当你想继续用pip的时候,这个时候已经不行了。

    因为此时pip安装的vue版本过低,不信你看!

    所以 pip uninstall vue麻溜儿地卸载!

    这个时候你去vue官网查看...

    有一个npm,这个就相当于pip,在node环境下安装,node是用来编译执行js文件。

    所以,第一步安装Node!!!

    • Node官网
    • 下载
    • 选择对应版本即可
    • 注意:在安装时路径推荐D: odejs

    第二步:安装cnpm

    采用淘宝镜像源安装

    注意:以后所有的npm命令都可以换成cnpm!!!

    第三步:安装脚手架

    方式一:npm

    方式二:cnpm

    注意:如果使用

    npm,则是从国外下载;如果采用cnpm则是从淘宝的网站下载,会相对快一点。

    总共任务数36,成功之后在cmd输入vue运行,此时环境以及配置好了。

    第四步:搭建项目

    方式一: vue create 项目名

    在cmd中输入命令:

    vue create 项目名
    

    然后问你:项目是否采用淘宝源来加载,只会问一次,以后不再询问

    然后选择Y!!!

    注意:这里的y/n有时候y大写,有时候n大写,不用在意。

    方式二: vue ui

    会跳转出一个界面,然后进行创建,具体的只要你vue ui一下,就一目了然,你肯定会!!!

    第五步:创建项目系列配置

    创建成功后,出来这么一个界面

    它让你选,OK,方向键滑动选择第二个>>>自定义

    然后给你一个界面

    选择上面四个

    之后会询问你:强制性把上一次访问当做历史记录

    不用管,选Y回车!

    然后下一个界面依旧默认第一个,下下个界面依旧默认第一个!

    之后这个界面,第一个选项是多个文件分开放,第二个选项是打包,如果你觉得文件多麻烦,就选择第二个。

    最后!!!!

    是否保存配置,建议选N,因为一旦选择Y之后再创建记录永远也无法删除!

    第六步:下载项目依赖

    创建好之后,查看项目

    之后,继续回到cmd

    • 输入cd 项目名
    • 输入 cnpm run serve

    注意:路径一定要在项目目录下

    然后访问本地端口,copy网址到Chrome,回车

    成功!!!

    注意:此时的socket是node提供的。

    OK,照着步骤来,项目创建成功~~~

  • 相关阅读:
    ios中解析json对象基类
    iOS archive(归档)的总结
    ios block一定会犯的几个错误
    iOS求职之C语言面试题
    iOS求职之OC面试题
    iOS开发之17个常用代码整理
    91平台iOS接入demo
    IOS 启动画面和图标设置(适配IOS7 and Xcode5)
    iOS - 切换图片/clip subview/iCarousel
    jemter多种方式查看结果树及正则的使用
  • 原文地址:https://www.cnblogs.com/fxyadela/p/11852945.html
Copyright © 2011-2022 走看看