vue环境搭建以及创建项目------我要开始学习js框架vue了.......

菜鸟刚刚入坑,打算学习框架,分享在此也为我记录...共勉..

搭建vue开发环境

1:首先我们要安装node.js (可以去node.js官网进行下载);
2:开始搭建开发环境,就是脚手架工具,cmd运行下面命令 
    npm install --global vue-cli(这个如果不行的话换这个)
    cnpm install --global vue-cli
    然后等运行完毕...
3:开始创建项目:(例如创建一个名字叫vuedemo1的项目)
    ①:一定要cd到一个项目(文件夹)里面运行命令  vue init webpack-simple vuedemo1  创建的过程中会让你选择一些选项,比如描述了,作者之类的,可以直接通过回车键跳过,有需要的也可以进行选择
    ②:上一步搞完之后,cd到刚刚创建完成的项目(vuedemo1)里面再运行命令 cnpm install 或者 npm install (这个过程有点慢需要进行等待)
    ③:完成上一步之后,cd到项目(vuedemo1)里面运行命令 npm run dev 就好了,可以看到控制台输出的端口号 你就可以在本地访问了 
4: 然后用编辑工具Visual Studio Code点击左上角文件然后选择打开文件夹选择我们创建的项目就可以编辑了

注意:上面的命令都只要执行一次,除了最后的运行命令 npm run dev需要每次都执行,其他的都只需要执行一次!

我现在其实用的是eclipse,这个工具我不知道怎么搭建vue开发环境的,所以有时候我都是直接引入了一个js文件练手的。后来发现有很多人用这个Visual Studio Code,我看挺好用我就特意下载了一个专门来学习

我会坚持下去,将我的学习新的记录在这个地方。。每天学习一点点坚持更新...

如果你看到我了我的笔记,有什么建议或者我有什么写的不对的地方欢迎提出来!很乐意接受哦~~

猜你喜欢

转载自blog.csdn.net/qq_38880700/article/details/81271911
今日推荐