资讯专栏INFORMATION COLUMN

vue 项目实战 (入门)

DevYK / 750人阅读

摘要:环境搭建安装箭头是随同一起安装的包管理工具。检查环境是否安装成功打开一个命令提示符,有成功输出版本号则为安装成功。如果对您有帮助请动动鼠标右下方给我来个赞,您的支持是我最大的动力。

 

 

环境搭建

安装NodeJS →箭头 https://nodejs.org/en/

NPM是随同NodeJS一起安装的包管理工具。

检查环境是否安装成功:

打开一个命令提示符,有成功输出版本号则为安装成功。

//检查node 版本号
node -v 

//
检查npm版本号
npm -v 

安装vue

npm install vue -g
npm install -g @vue/cli

新建项目

vue create vuedemo

选择第一个就是默认配置了babel 跟eslint 一般选择第二个

 选择相应的比如说路由啊 vuex 啊 这些基本的配置,键盘上下键移动选择则按空格键选中,确认则回车

安装哪一种 CSS 预处理语言

选择哪个自动化代码格式化检测,因为我是用vscode编辑器的选择了最后一个

询问是否要保存配置,下次新建项目就不需要再次选择了 

babel,postcss,eslint这些配置文件放哪

1.放独立文件放置 2.放package.json里

根据我们刚才所选择的配置 就开始安装相关的依赖和包了

 

运行项目

cd vuedemo
npm run serve

跑起来后浏览器打开

 

好了,就这样基本上这样你就跑起来一个vue 项目了

 

 

 

此随笔乃本人学习工作记录,如有疑问欢迎在下面评论,转载请标明出处。

如果对您有帮助请动动鼠标右下方给我来个赞,您的支持是我最大的动力。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1765.html

相关文章

  • 小光光谈前端

    摘要:这个问题应该是百度或者知乎都能知道答案的,以上是自己亲身学习的一些途径方便少走一点弯路入门。 问题1:前端的学习路线 基础的html,css,js,推荐慕课网免费课程:前端工程师路径,极客学院免费课程:前端工程师路径 大概刷过就可以了,不用死记硬背某个知识点,css跟js还需要加深学习的,在实战过程中不懂就去查文档 基础的ps切图能力 慕课网ps基础课程 拥有自己的虚拟主机 传送...

    canopus4u 评论0 收藏0
  • 小光光谈前端

    摘要:这个问题应该是百度或者知乎都能知道答案的,以上是自己亲身学习的一些途径方便少走一点弯路入门。 问题1:前端的学习路线 基础的html,css,js,推荐慕课网免费课程:前端工程师路径,极客学院免费课程:前端工程师路径 大概刷过就可以了,不用死记硬背某个知识点,css跟js还需要加深学习的,在实战过程中不懂就去查文档 基础的ps切图能力 慕课网ps基础课程 拥有自己的虚拟主机 传送...

    shiguibiao 评论0 收藏0
  • Parcel+vue 入门实战

    摘要:在根目录添加,配置新建这里引用了来方便展示页面引入样式引入组件库开发和基于开发的目录结构一致具体代码可以参考添加脚本只需要执行和就可以进行开发和构建,就相当于资源的引用路径。 parcel一个快速,零配置的 Web 应用程序打包工具,这里我介绍下如何和vue结合进行开发,强烈建议node8以上,具体代码:https://github.com/zlxbuzz/pa... 初始化项目 mk...

    MadPecker 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<