vue学习笔记-一

官网有的基础教程我就不说了,这个在网上你们可以找到很多的视频教程。这里我将一些自己的心得体会,以及网上可能不容易找到的知识分享给大家。

第一步:首先,请安装 node.

    原因我就不解释了。记住安装LTS版本,因为LTS是长期支持的版本,会进行后续升级维护。安装node会帮助你顺便安装最新稳定版本npm,如果你喜欢使用yarn,请自行点击下载。

第二步:安装vue-cli。

    Vue-cli是官方发布的快速构建这个单页应用的脚手架。官方给的建议,如果你初次尝试Vue,请老老实实用普通的书写引入js文件,这里牵扯太多的东西,例如 webpacknpmnodejs 等等,很容易成就从入门到放弃的思想。( 官方构建建议 )。
    npm install vue-cli -g   此步骤全局安装。安装完成后据可以使用 vue命令。

init 构建一个项目。

list 是可以使用的模板。

build 是创建一个prototype项目。

help 帮助。
 
输入vue list 查看项目列表

第三步:首先进入你准备存放项目的文件夹。然后打开命令行窗口 shift + 鼠标右键  --此处打开命令行窗口/此处打开Powershell窗口(win10)。

项目名不要用 大写。

完成之后,根据提示  cd objOne(这里是我的项目名,你的就用你的。)

第四步: npm run dev 就可以启动项目了。

猜你喜欢

转载自www.cnblogs.com/luoyishan/p/9197706.html