首页 > 代码库 > vue开发环境安装步骤
vue开发环境安装步骤
前提:vue开发前提是安装好nodejs后,在nodejs环境下运行 1.npm工具在国内的网络环境下比较慢 推荐使用淘宝npm镜像https://npm.taobao.org/ 使用以下命令安装cnpm,以后就可以用cnpm来代替npm: npm install -g cnpm --registry=https://registry.npm.taobao.org 2.cnpm -v 查看当前cnpm安装版本 3.cnpm install -g vue-cli 安装脚手架(-g全局安装在系统的node目录下 如果不加安装在当前目录下) vue 会看到vue变成了一个命令 vue --version 会看到目前vue的版本 vue list 看到会用那些模版 在mac环境下加上sudo npm install -g vue-cli 提高权限 4.vue init webpack my-project 下载模版,初始化项目(报错可能是hosts没有恢复到原始状态的原因) 目前默认的模版是2.0的 如果想安装1.0的:vue init webpack#1.0 my-project 5.cd my-project 查看当前项目的文件 vi package.json 查看配置文件 (vi进入文件夹 连续按2次大写字母Z退出vi 回到命令行模式) 6.cnpm install 安装依赖 在当前目录下会多出一个node_modules的文件夹 所有的依赖会自动下载完成 7.cnpm run dev 服务器启动了 查看到当前的监听的端口 http://localhost:8080 8.在项目的src目录下进行开发
vue开发环境安装步骤
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。