搭建Vue基础环境

一、安装node.js

nodejs官网

二、配置nodejs下npm的包管理工具的环境变量

三、检查nodejs是否安装成功

cmd或ctrl+r打开命令窗口,输入

npm -v

node -v

查看npm和node版本号

四、 配置npm加速源淘宝镜像

npm install -g cnpm -registry=https://registry.npm.taobao.org

五、npm安装脚手架vue/cli

npm install -g @vue/cli@latest

#这里安装vue/cli 而不是vue是因为我们后续主要是依赖修改.vue文件来实现项目的

#而不是在html文件中的js部分引入vue.js文件

#如果非要在html中使用,需要安装vue,这样会在本地生成vue.js文件

#不过最好还是用vue/cli,在外网区域可以直接通过url引入vue.js在html中编辑

#<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>

六、在指定文件夹下,按住shift的同时鼠标右键打开命令窗口,创建vue项目“my-vue-app”

vue create my-vue-app    

七、 项目目录结构分析

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容